aster Photoshop skills: tutorials, tips resources and profiles . 
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8 new tutorials 
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Presenting the new Power Mac G4 — the first personal 


computer that creates custom DVDs playable in 


ordinary DVD players. This unprecedented feat is 
made possible by two Apple breakthroughs: the aptly 
named SuperDrive, an industry-first DVD-R+CD-RW drive that burns 
both DVDs and CDs. Plus iDVD; Apple's revolutionary new software 
that lets you create DVD titles so simply it's, well, revolutionary, Together 
with iMovie or Final Cut Pro (sold separately), you've got your own 
Hollywood production company. And to burn your own soundtrack CDs, 
there's Apple's new iTunes’— the world's most advanced yet easiest-to- 
use digital music software. 

Of course, there are other significant changes on the Power Mac G4 
to help you take advantage of this amazing technology. Like an NVIDIA 
GeForce 2 MX graphics card; a dramatically faster system bus, five slots 
(one super-fast AGP 4X graphics and four high-performance PCI slots), 
built-in Gigabit Ethernet, plus AirPort,"’ FireWire and USB ports. 

All this is combined with a phenomenally powerful G4 processor. 
With sustained speeds of up to 55 gigaflops (performing up to 57% 
faster than the new Pentium 45), the new Power Mac G4 has more than 
enough power to burn CDs, DVDs and — oh, yeah — Pentiums. 


For more information, call 0800-0391010 or visit wwwapple.com/uk. 
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Spin your own music. iTunes lets you create a digital music library right on your Mac. Rip audio 
CDs, create playlists of your favourite songs, copy them into your portable MP3 player — even 
burn your own custom CDs. And with iTunes’ amazingly easy to use interface, you can do it 
all without asking a teenager to show you how. 


Your movies: Now on DVD. Apple's revolutionary SuperDrive and iDVD sofware let you create 
and burn.your own custom DVDs that play in ordinary DVD players. Simply assemble your 
content from iMovie, Final Cut Pro or any QuickTime source. Choose your own menu style, 
then click “Burn DVD." For even more full-featured, professional DVDs, use Apple's DVD Studio 
Pro software (sold separately). 


@ Think different. 


“DVD-R configurations only. **iTunes and iDVD are licensed to you only for reproduction of non-copyrighted materials, materials in which you own the 
copyright, or materials you are authorised or legally permitted to reproduce. +Standard on top three models.77-1SP compatibility may vary. $Based on Photoshop 
tests on available systems as of 22/12/00. ©2001 Apple Computer, Inc. All rights reserved. Apple, the Apple logo, Final Cut Pro, FireWre and Mac are registered 
trademarks of Apple Computer, Inc., registered in the U.S. and other countries, AirPort, DVD Studio Pro, Power Mac, QuickTime and Think different are trade- 
marks of Apple Computer, Inc. Other product and company names mentioned herein may be trademarks of their respective companies. 
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Richard May tutorial 54 | 


Photoshop 6, Poser 4 and 
Illustrator 9 demos, plus 275 
Sapphire samples 


How to download and use the 
plethora of free Sapphire extras 
and Harry's Filters from the cover 
CD — both for Mac and PC. 


Our cover image borrows from the 
Surrealists, while incorporating 
photo-realistic textures. 


All you ever wanted to know about 
a notoriously complex subject... 
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24 


30 


35 


36 


42 


We take a look at vector shapes, 
keylined illustration and 
wireframed renders. 


48 
Italian Renaissance painting goes 
digital in these astonishing images. 

54 
Two Adobe boxsets are up for 
grabs: the Design Collectionand 
Digital Video Collection, 

58 


Building up an image in three 
Stages: the background, the main 
focal point and then adding the 
palette layers. 


ee 


Day-to-day shortcuts for using 
Photoshop's layers, filters, layer 
masks and optimising for the Web. 


All you need to create the new from 
the old is a working knowledge of 
layers and an eye for connections. 


Find out how this New York-based 
artist uses his medium to “dream 
with, to capture thoughts...” 


Creating a convincing screen print 
effect isn't as daunting as it looks — 
it’s all in the composition. 


68 


74 


78 


As the gap between old school and 
self-taught typographers grows, 
what's the future for this craft? 


Commercial doesn't have to mean 
bland: today’s promotional materials 
are contemporary and diverse. 


We profile an artist who enjoys 
Photoshop's “infinite possibilities”. 


Simple images can succeed 
because of attention paid to 
composition, colour and the overall 
feel of the work. 
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88 
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A gallery of work by some of 
today’s most exciting digital artists. 


When the going gets tough, the 
tough buy a good manual. 


98 


Sign on the dotted line and save 
50 per cent off the next six issues 
in our subscribers’ offer. 


100% Dreamweaver and UltraDev 


Subscribe to Arts and Arts Special 
and get a 30 per cent discount off 
the normal cover price. 


Where to find the best Photoshop 
tutorials, resources and downloads 
on the Web. 


~wt 


arts. 


The definitiv nd technology 


Subscriptions 


CD problems 


Advertising 


Editorial 


ww w.computerarts.co.uk 
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Learn the Secrets of the Photoshop Pros 


Adobe Photoshop’ 
Seminar Tour 200 


America’s most popular 
Photoshop seminar is coming 
back to the UK with an all-new 
day of Photoshop tips, tricks, 
and techniques, featuring 
Photoshop User magazine 
Editor Scott Kelby. 


Selection Secrets 

(10:00 — 11:00 A.M.) 

You'll learn how the pros make impossible 
selections like windblown hair, how to 
remove objects from their background, 
hidden selection tips, and much more. 


Creating Collages Like a Pro 
(11:15 — 12:15 P.M.) 

You'll look at collaging in a whole new light 
as we build project after project, showing 
you all the “tricks of the trade” as we go. 

It's one of those sessions that will have you 
thinking “Ah ha, so that’s how they do it.” 


Down and Dirty Tricks, Part 2 
(1:15 — 2:30 P.M.) 

Here's where you'll learn the latest, real- 
world special effects, plus lots of cool tips 
and inside secrets along the way. 


10 Things Every Photoshop 
User Needs to Know 
(2:45 — 3:45 P.M.) 
Learn 1 In this session we cover the top 10 most 
Photoshop 6.05 requested Photoshop techniques. 


Hot New Wowing them on the Web! 
Features (4:00 — 5:00 P.M.) 
We'll look at some of the leading Web 
sites, and recreate them step-by-step from 
scratch to teach you all their cool tricks. 


London 
Saturday, Oct. 27, 2001 
Business Design Centre, Islington 


Manchester 
Tuesday, Oct. 30, 2001 
Jarvis Piccadilly Hotel 


Official Tour Sponsors: 


Ein) UMAX CW:FP> ae ANI KZN AGFA <> How To Register: 


Don't Miss it This Time Around Adobe 


Our first London seminar in February sold out in advance. You told us you wanted 


e 
Seminar Tour 2001 
even more, so we're back with an all-new day, in both London and Manchester. This 
is your chance to learn real-world inside secrets, proven techniques, hidden tricks, On ly £99 per person Only 


Creative ideas, and timesaving tips that can cut your production time in half! We only die och PON i Sr Vy) 

focus on the most important tools and techniques, so we can pack more valuable info ss ate pacteasespapiea: Shah eye Sh SnOTCULOESK. reference 

than any other seminar. Plus there’s no risk—it’s 100% money-back guaranteed! f j j : WAPP 
Our last UK seminar sold out in advance. Seating is for mers 

Who Should Attend? limited, so register today. You can register online at: me 

This seminar is for Macintosh and Windows users, covers versions 5.0 through 6.0, : ° 

and is a must for: Graphic Designers « Photographers * Web Designers - Print Shops www.photoshopsem inars.com 

+ Art Directors + Publications * Ad Agencies - Educators, and anyone who wants to or call us at:001-727-733-6225 


take their Photoshop skills to the next level in just one day. 


. ss Hosted by: 
The Best Value in Photoshop Training Today! Ci? The National Association 


* All classes are included, plus you get a detailed workbook, Photoshop Goodies ° 
disc CD-ROM, Photoshop Keyboard Shortcuts Desk Reference, and a FREE issue of of Photoshop Professionals 
Photoshop User magazine. ‘ 

* We offer a 100% money-back guarantee if this isn’t the best Photoshop seminar www.ph O toshopsemin ars.com 
you've ever attended, at any price—period! Produced by KW Computer Training. Photosh a registered trademark of Adobe Systems, In 


Create our stunning tutorials with 
this demo version of the mighty 
image-manipulation package. 


Combine a 3D model in Poser 
with Photoshop to create the 
image by designer Jacey, starting 
on page 24. 


Explore the possibilities of 
using vectors-based illustrations 
with Photoshop. 
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In this Photoshop Special we bring 
you an exclusive sample of 275 of 
Sapphire's latest releases. Turn the 
page for more details. 


55 high-quality Photoshop image 
filters from The Plugin Site. More 
info on the next page. 


Six demos including the excellent 
ProJPEG and PhotoG/F plug-ins. 


Plus tutorial files in the dual/tutorial folder 


and resources 


[20/05.01] 


Register at [w] www-iltermeister. 
com and you can create your own 
standalone plug-ins. 


computer 
arte 
special 


The definitive guide to art, design and technology 


20 great plug-ins from Flaming ‘ 7 ce ] 
Pear including Flood and . haa - 4 
Solorcell. = { 


A great little demo for creating TV 
scanlines of any width: change their 
contrast and add static and ghosting. 


For a full list of the filters and 
extras, see the CD inlay or 
the CD interface. 
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An abundance of top-quality Photoshop filters, add-ons and extras — all yours 
to keep and on the cover CD... 


CA Special has teamed up with the company to bring you some exclusive samples... 


Some companies will produce a Photoshop plug-in every two years, butforthe | Photoshop 6. Allthe extras are for both Mac and PC platforms and full 
hard-working souls at Sapphire Innovations, this is a lifetime. The company is installation instructions can be found in the README. pdf file which is in 


constantly working on and releasing Photoshopfilters and add-ons that are the Featured/Sapphire folders in either Macsoft or PCsoft, depending on 

beneficial to the seasoned pro and beginners alike. your platform. If this isn't enough, Sapphire Innovations is offering Computer 
This month, Computer Arts Special has teamed up with the company to Arts Special readers a saving of 25 per cent on its new Gradients Volume 1 

bring you an exclusive sample of some of its newest releases. Included on collection. They can be purchased via Sapphire's site at [w] www.sapphire- 

your cover CD are, wait for it: 25 free brushes, 25 contours, 104 custom shapes, _innovations.com. Just type ‘CA reader’ or add a note in the comments section 

44 displacement maps, 14 frames, 10 gradients, 12 patterns, 10 filters, when ordering to get the discount. Alternatively, call [t]01189 84 2407 

21 styles and 10 textures. This all adds up to 275 free extras for your copy of (9am to 6pm GMT) or fax your details to [f] 0207 376 3110. 


er PvE 
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Your 21 free Styles can be used to create some novel effects. Just load them into All sorts of effects are possible with Sapphire Innovations’ Photoshop filters. Here 
the Styles palette (Window>Styles) and start experimenting. we've used the SharpenedPencilx filter to sharpen the RGB values of the image. 


Included on your cover CD are 10 free Sapphire Innovations gradients. Once The free Frames on this month's cover CD can be used to, yes, you've guessed it, 
loaded into Photoshop 6, these can be used to achieve some exciting and varied frame your images. All high-quality, the frames can be utilised by copying and 
effects. Check out the reader offer in the boxout above. pasting the frame onto a new layer and setting the Blending mode to Multiply. 
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Harry’s Filters 


55 high-quality filters for Mac and PC from Harald Heim of Plugin Galaxy fame 


In addition to the 275 free extras from Sapphire, you'll find 55 filters from Harry's Filters on the CD interface and follow the instructions onscreen. To 
Harald Heim, whose name you'll recognise from the Plugin Galaxy (which install the filters on the Mac, simply drag the Harry's Filters folder from 
scored a more than respectable four stars in issue 53 of Computer Arts). Macsoft featured/Harry’s plug-ins to your Photoshop plug-ins folder. You'll 
Included in the plug-in is a bevy of high-quality image filters, all aimed at then find them under the Photoshop Filters menu. These filters are compatible 
making your image-editing and processing life an easier one. with Photoshop 3 and above. 

Harry’s Filters are for both Mac and PC - the current version is 2.0 for For more information on Harry's Filters, Plugin Galaxy and Harald Heims’ 


Windows and 1.0 for Mac. To install the filters on the PC, simply click on other Photoshop filters and tools, make your way to [w] www.thepluginsite.com. 


apr te ba 4 Wk eo 


Harry’s filters offer a good range of effects and image-twisting devices. The Here we've applied the Nail Art filter from the Noise subcategory in the Harry's 
filters are presented in a clean interface, slightly reminiscent of the commercial Filters interface. This is a good example of how the filters can be used to adda 
plug-in, Plugin Galaxy. texturised feel to your images. 
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Harry’s Filters also acts as a gradient editing tool. Although not as sophisticated Within Harry’s Filters there are some good tools for colourising your images. These 
as Photoshop's own Gradient Editor, it has a large amount of presets and is include options for tweaking individual RGB values as well as the opacity and 
extremely easy to use. brightness of the overlaid colour. 
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Illustration: Derek Lea [e] derek@dereklea.com 


How do we create a dream-like image with a 


sense of photo-realism? By creating a layered 
file in Photoshop 6, of course 


o create this tutorial image we 
use some nuts and bolts 
features like paths, channels, 
and levels. We'll also use 
some features like layers and layer 
masks which, although not exactly brand 
new, are milestones in the world of image 
manipulation. And finally, we incorporate 
some new features like adjustment layers 
and layer sets to top it all off. 

You will notice, as you work through 
the tutorial, that this image is 
constructed to work in a non-linear 
manner. By using layer masking 
techniques we avoid erasing, which 
opens up the possibility of revealing 
more of the elements later on. Using 


adjustment layers instead of affecting 
imagery directly, means that we avoid 
deterioration. Perhaps most importantly, 
we will have a very flexible layered file 
when completed so you can continue 
mutating the adjustment layers for as 
long as you like, learning a few new 
tricks, and revealing some unexpected 
beauty along the way. > 
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Part 1: The background 


Create this multi-layered background by combining layers, layer set 
masks, and by converting images to greyscale to use as channels 


Channel options 


In this tutorial, we are generating 
selections from channels often. 
Depending on how your 
Preferences are set, it may be 
necessary to invert your 
selections. To predict how a 
channel will load as a selection, 
double-click its icon. You 

can choose between selected 
or masked areas as well as 
specify the Opacity and Colour 
of the mask. 


Mac and PC 


We've used Mac keyboard 


shortcuts throughout this tutorial, 


but PC users should swap Option 
for Alt and Command for Ctrl. 
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& Open the file paint.psd on the CD and use 
the Pen tool to draw a path around the 
painted area. When you have closed the path, 
Command-click its icon in the Path palette to make 
a selection. Use Command-) to create a new layer 
from the selection. 


ie 

Create a new CMYK file and drag this layer into 
it using the Move tool. Open the file rough.psd 

on the CD and drag the layer into your new file. Use 

it as a template by reducing its Opacity, switch it off 

when not in use. Use free-transform (Command-T) 

to resize the paint layer. 


3 | Open the file ink.psd on the CD, select all and 
copy. In your working file, click on the New 
Channel icon in the Channel palette and paste. 
Switch on the CMYK channels so you can see and 
position the ink over the paint. Paint over any 
unwanted areas with white. 


Redo Paste into mz 
Step Forward OMZ 


Command-click the Channel icon to make a 

selection from it. Select the paint layer in the 
Layers palette. Open the file sky.psd on the CD, 
select all and copy. In the working file, use 
Edit>Paste Into to create a new layer with a mask 
made from the current selection. Position the clouds 
within the selection using the Move tool. 
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Select all on the paint layer and copy. 

Command-click the layer to make a selection 
from it. With this selection active, create a new 
channel and paste. This places a greyscale version of 
the image in the channel within the selection. Boost 
the contrast using Brightness/Contrast. 


5 | Open the file water.psd on the CD and 

Copy All. In the working file create a selection 
from the Ink channel and Paste Into as a new 
layer with a mask. Resize and position the water 
inside the mask using free-transform. Soften the 
horizon using a Linear gradient (black to 
transparent) on the layer mask. 
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8 | Create a new layer set by clicking the 

Layer Set icon in the Layers palette. Add 

the sky and water layers to the set, and adda 

mask to the set. Make a selection from the channel 
we just created and use the Gradient tool within the 
selection to mask out certain areas and expose the 
paint underneath. 


Make a selection from the Ink channel and 
create a new layer with a ‘color dodge’ 
Blending mode. Add a white three pixel stroke 
within the selection using Edit>Stroke. 


9 | Open the file bricks.psd on the CD and drag 

the brick layer into the working file under the 
paint layer. Command-click the Brick Layer icon to 
make a selection from the layer. Make a new layer 
on top of it with a Blending mode of ‘multiply’ and 
fill the selection with black. 


Bool : . 
a Create a new channel and paste the bricks. 

Adjust the contrast using Brightness/Contrast. 
Add a mask to the layer set and use this channel to 
create a selection. Use the Gradient tool inside the 
selection, and in the inverse of the selection to mask 
out some of the bricks and mortar. 


Add a layer mask and reveal the bricks 
underneath using the Gradient tool, and 
reduce the Layer Opacity. Create a new layer set 
and add these two layers to it. Select All on the 
bricks layer and Copy. Command-click the Bricks 
Layer icon to make a selection from it. 


12] Create a new layer above this layer set with a 
mode of ‘multiply’. Command-click the Paint 
Layer icon and fill the selection with black. Deselect 
and add a Gaussian blur. Use the Move tool to 
offset the layer slightly to the left. Add a layer mask 
and blend out unwanted areas with gradients. 


Part 2: The surreal bowler hat 


Using basic layer masking techniques, we prove that it is quite possible to grow an apple out of a hat 
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ay Open the files hat.psd and apple.psd on the 
CD. Use the Cloning tool to cover up the hot 
spot on the apple with some of the lighter green 
areas around it. Using a soft brush of 45 pixels with 
varying opacity does a nice job. Holding down the 
Option key will enable you to select an origin point. 


Drag the hat and apple images into the 

working file. Position the apple over the hat 
and add a layer mask to the apple layer. Use the 
Gradient tool on the layer mask to gently fade out 
parts of the apple. 
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Link the apple and hat layers in the Layer 

palette. Using free-transform (Command-T) 
resize and position. Remember to hold down the 
Shift key while performing transformations to 
constrain proportions. 


Part 3: Inside the figure 


Making use of various adjustment layers and multiple image layers with different Blending modes, we now 


add some imagery into the figure shape 


Open the file statue.psd on the CD and drag 
the image in under the paint layer. Change the 
mode to hard light and use free-transform to resize 
and position. Add a layer mask and softly paint out 
the hard edge at the bottom. Double-click the Layer 
icon to access the Blending options. 


124 Make the dark areas disappear by moving the 

left-most points of the top slider towards the 
right. Hold down the Option key to access the right 
side of the triangle slider and drag it a bit further to 
the right. This makes a smooth transition. 


a | Open the file shirt.psd on the CD, use the Pen 
tool to draw a path around the suit and tie. 
Command-click the Path icon to make a selection. 
Use Command-J to make a new layer from the 
selection. Drag this layer into the working file. > 
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Adjustment masks 


By default, a new adjustment 
layer is created with a mask. This 
mask acts exactly the same as a 
regular layer mask and can be 
manipulated and altered in the 
same manner. If you have an 
active selection while you create 
anew adjustment layer, all areas 
outside the active selection will 


be masked. 


Adjustment modes 


Adjustment layers have similar 
Blending mode options to regular 
image layers. You can achieve 
some unpredictable and 
interesting results by trying 
different Blending modes with 


your adjustment layers. 


5 | Duplicate the layer by dragging its icon on to 
the Make New Layer icon in the Layers 
palette. Use the Gradient tool on the duplicate 
layer’s mask to fade out most of the layer except 
around the collar and necktie 


4 | Change the Blending mode to soft light, resize 
and position using free-transform. Add a layer 
mask and blend out the edges on the bottom and 
sides using the Gradient tool. 


8 | Open the file camera.psd on the CD. Draw a 
path around the camera. Generate a selection 
from the path, and a layer from the selection. Drag 
the layer into the working file, resize and position it 
using free-transform. Change the Blending mode to 
‘overlay’ and the Opacity to 59 per cent. 


After seeing how well this works, snap up the 

bricks as well. Duplicate the bricks layer, 
change its Blending mode to ‘overlay’ and its 
Opacity to 80 per cent. 


After this, we notice the statue face looks 

alittle flat in comparison. No problem. 
Duplicate the face layer, and change the duplicate's 
Blending mode to ‘overlay’ and reduce its Opacity. 
Now the elements are starting to look as if they 
belong together. 


9 | Duplicate the layer. Change its Blending mode 
to Luminosity and add a layer mask. Use the 
Gradient tool on the layer mask to blend some of 
the hard edges 
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Open the contact sheet.psd on the CD and 

drag the layer into the working file. Resize and 
position the layer using free-transform. Change its 
Blending mode to ‘color dodge’ and the Opacity to 
20 per cent. Duplicate this, increase the Opacity, 
and change the Blending mode to Luminosity. 


Command-click the layer's icon to make a 
selection from it. Then, in the Layers palette, 
create a new hue/saturation layer via the 
Adjustment Layer icon at the bottom. Slightly adjust 
the Hue and increase the Saturation. 


12 Create a new layer set, add the adjustment 
layer and the contact sheet layers to it. Add a 
mask to the layer set and use the Gradient tool in 
the mask to soften the corners. Scatter a few more 
sections of contact sheets inside the figure. 


14 | In the adjustment layer's mask, use the G Deselect, and add another Hue/Saturation 
Gradient tool to reveal some of the red bricks layer on top of this one. Adjust the sliders 


13 | Add a Hue/Saturation adjustment layer above underneath. Now, use the Pen tool to draw a path until the bricks and mortar change to purples, 
the bricks and figure elements, Adjust the around the necktie. Make a selection from the path blues, and teals. Use the Gradient tool in the 
sliders until the bricks turn a vibrant gold colour and and use the Gradient tool within the selection to adjustment layer's mask to eliminate most of this 
the mortar starts to look green. mask out some of the gold in the necktie. layer below the head. 


Part 4: The spectacles 


Combining multiple layers, adjustment layers, paths, and a pair of glasses 


Naming paths 


When you begin to draw with the 
Pen tool, by default, Photoshop 
creates a new path called work 
path. If this path is deactivated, 
the next time you draw a path it 
will replace the work path with 
the new one. To avoid your paths 
being overwritten it is a good 
idea to name them. Just 
double-click your path’s icon in 
the Paths palette. Here you will 


see a dialog box where you can 


name the path. Once named, it 


5 fn ay Open the file glasses.psd on the CD. Drag pay Double-click the Path icon and give it aname 
SOS Sea. the glasses layer into the working file. Use and open the file sky.jpg on the CD. Select and 
Mors paw) free-transform to resize and position the glasses. copy a section of the sky. Now, back in the working Command-click the layer mask to make a 
Adjust the colour using Image>Adjust>Levels file, make a selection from the path and Paste Into selection from it. Create a new Hue/Saturation 
(Command-L). Then, use the Pen tool to draw a (Command-Shift-V). This creates a new layer witha adjustment layer and adjust the sliders until the 
path over the lenses only. mask of the current selection. colour inside the lenses resembles that of the apple. 
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Open the file eyes.psd on the CD, 


4 On the original glasses layer, make a selection Command-click the original Glasses Layer icon Select All and Copy. In your working file, 
from the path. Duplicate this selection as a to create a selection from it. Create a new select the top-most glasses layer. Make a selection 
new layer (Command-J) and move the layer up in multiply layer underneath it and fill the selection of the lenses path. Paste into the selection 

the Layers palette above the other glasses layers. with black. Deselect (Command-D), and apply a 15 (Command-Shift-V) creating a new layer with a 
Change its mode to ‘multiply’, add a layer mask, pixel Gaussian blur. This creates a nice soft shadow mask from the selection. Change its mode to 

and use the Gradient tool to mask out most of it. under the glasses. ‘overlay’ and reduce the Opacity. > 
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Part 6: Adding some flying fish 


And finally we'll create a school of fish, using duplicate layer sets 
and customising each fish set just a little, so they aren't all the same 


Photos or scans 


Most of the photography in this 
image was shot with a 35 mm 
camera, with the exception of the 
fish which was medium format, 
and the shirt and tie, which was 
digital. But the glasses are a 
product of a desktop scan. The 
lighting was nice and even, and 
the image was sharp. Setting up a 
shot like that would have been a 
lot more labour intensive than 
tossing them on a scanner. So, in 
the future, don't hesitate to throw 
some 3D objects on your scanner 
~ you may get a surprisingly good 
result. However, we strongly 
advise against trying this 


Open the file fish.psd on the CD. Draw a path 
with fish. 


@ around the fish. Generate a selection from the 
path, and a layer from the selection. Drag this layer 
into the working file. Change its Blending mode to 
Luminosity and use free-transform to resize the fish. 


for now. Add a mask to the original fish layer. 


the Gradient tool and various soft brushes. 
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5 | Open the file splatter.psd on the CD. Draw a 
selection around an ink splat using the Lasso. 
Copy it, create a new channel in the working file 
and paste. Switch the CMYK channels on to see the 
image. Resize and position the selected area using 
free-transform so that it overlaps the fish. 


Command-click the Layer icon to make a 

selection from the fish. With this selection 
active, create a new Hue/Saturation adjustment 
layer. Adjust the sliders until the fish's colour stars to 
resemble the water in the ocean photo. Gently 
blend areas in this layer's mask in a similar way to 
the fish image layers. 
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Create a new layer set, add all of the fish layers 

and link them. Duplicate the layer sets and 
resize and position them across the background. 
Make each set unique by editing the modes and 
masks of individual layers. Vary the Hue/Saturation 
and use a different ink splat for each one. 


8 | Now have some fun using the techniques 
shown so far. Play around with adjustment 
layers, try duplicating layers, changing their modes 
and opacities. This type of experimentation can 
often reveal some pleasant surprises. 
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2 | Duplicate the layer, but switch the duplicate off 


Gently fade the tail and other areas in the mask using 


o Now, select and switch on the duplicate 
layer. Change its Blending mode to hard light 
and reduce its Opacity. Add a layer mask and 
blend out some areas using the Gradient tool 

and soft brushes again. 


Command-click the Channel icon to make a 

selection from the ink splat. On a new layer, 
use the Gradient tool to blend colour within the 
selection. Hold down Option to access the 
Eyedropper tool and pick up colours from the fish to 
use in your gradients. 


9 | Using duplicates and sections of existing 
layers, start building some more imagery 
into the upper right of the canvas. Let some fish 
swim across — continue on as long as you like. 
One of the hardest things to learn as a Photoshop 
user is restraint. EEE 


Come to PhotoshopWorld East in beautiful Tampa Bay, Florida! 


‘ou're invited to spend three incredible, fun-filled days learning all 

the latest Photoshop techniques, the coolest new tricks, and 

getting your hands on the amazing new Photoshop-related gear, 
such as digital cameras, scanners, plug-ins, printers, and more. 

This is PhotoshopWorld 2001 East, the convention of the National 
Association of Photoshop Professionals (NAPP), and we're bringing it 
to Tampa this September. Lose yourself in more than 100,000 square 
feet of training and Expo space, featuring more than 60 training ses- 
sions and exhibits from the leading developers in the industry, 

You'll learn all the latest techniques from a“Dream Team’ of the hot- 
test Photoshop gurus in the world, who are there for just one reason— 
to share ideas, techniques, and the tricks of the trade with you. You'll be 
worth more to your company and PP. 
clients,and you'll be faster and more ra 
productive than you ever thought 
you could be. Best of all, you'll have 
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opening night kickoff party 
PhotoshopWorld 2001 East kicks off with our open- 
ing-night party. Meet your fellow students and the 
PhotoshopWorld instructors. Plus, there will be live 
music, free munchies, and a cash bar, plus lots of 
surprises. 


instructor jam session 

Next, we move into the main theater where the 
PhotoshopWorld instructor “Dream Team’ will take 
the stage to share some of their favorite Photoshop 
tricks, each one vying to outdo the other in this 
Photoshop“Jam Session.” 


photoshopworld guru awards 

After the Instructor Jam Session, it’s time for the 
“PhotoshopWorld Guru Awards.” You'll see some 
amazing Photoshop design work from your 
fellow attendees in eight different categories. (Any 
attendee may submit art for this free competition.) 


technology expo 

Check out all the new gear at the PhotoshopWorld 
Tech Expo. You'll get your hands on the latest scan- 
ners, digital cameras, Photoshop plug-ins, and print- 
ers from the leading developers in the industry! 


conference sessions 

The Photoshop training begins with a main track and 
three concurrent breakout tracks. Create your own 
custom schedule by choosing the sessions you want 
to attend and moving between sessions as you like. 
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register today. 
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private party at: GameWorks 

This year’s private party is at the incredible new 
GameWorks, where you can play games, drink, 
dance, eat, and party all night long at this state-of- 
the art themed entertainment complex, created by 
the Hollywood DreamWorks team. 


wacom hands-on track 

Wacom is sponsoring a special hands-on track, 
where you can learn to unlock the creative combi- 
nation of Photoshop with a graphics tablet (limited 
seating sessions). 


registration options 


Early Bird (register before June 30, 2001) 
includes a full one-year NAPP membership 


£299 per person 


Advance (register before Aug. 1,2001) 


includes a full one-year NAPP membership 


£333 per person 
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Understanding 
colour management 


Managing colour is an area often given scant attention, even in some 
very professional organisations. We examine why it’s worth getting to 
grips with the subject for consistent results... 


ue mainly to the fundamental 

differences in RGB and 

CMYK, and also varying 

technology employment, 
every colour device you use will have a 
different colour range or gamut that it 
can display (monitors), see or analyse 
(scanners and digital cameras), or output 
(printers and presses). 


A well-set-up system of colour 
management goes a long way towards 
automating the process of matching 
original scanned images to printed 
output, and should also offer more 
consistent and predictable results. 
Traditional scanner operators, who 
have effectively been taking care of 
colour management for us for many 


years, may question the need for such a 
system, but for those of us now doing all 
our own scanning or taking digital photos 
the benefits can be substantial. 

These advantages include simpler and 
quicker scanning, more accurate colour 
matching to originals and improved 
accuracy from your digital proofs. Two of 
the most commonly used colour > 
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Setting your background to a neutral colour and tidying your desktop will help you concentrate on the colours in your image. If you find this idea even 
more horrifying than painting your studio grey, Photoshop will automatically do all this for you. When you have an image open, just click on the centre 
screen option (Full Screen mode with menu bar) near the bottom of the main Photoshop toolbar — or you can tap the letter ‘f’ on your keyboard to toggle 


through the three modes. 


able to get good, p 
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colour work 


management solutions, Apple’s 
Colorsync and the very similar Microsoft 
ICM2 system, both use a group of files 
containing descriptions of how each 
device individually handles colour. These 
are called ICC (International Color 
Consortium) profiles and are either 
supplied or generated for each device. 
When set up correctly, they can 
eliminate the need for a lot of trial and 
error in colour proofing, and indeed 
years of operator experience. 

It is important to remember that 
such a system will only get the best 
results possible from your existing 
equipment and unfortunately cannot not 
improve the colour gamut (range of 
colour) from any peripheral. 


The past, present and future 


It's still true to say that the vast majority 
of printers and repro houses work mostly 
in the four-colour CMYK system 
throughout their workflow. Many will 
have at least one expensive drum 
scanner and at least one highly skilled 
operator. As software improves and good 
quality scanners become cheaper, 
however, many repro houses are 
dispensing with these. 

This colour experience is still very 
important at the top end of the industry 


and if you’re fortunate enough to work at, 
or rich enough to be a customer of these 
facilities, much can be learned by 
looking at their results. 

A top quality CMYK scan taken into 
Photoshop often requires little colour 
correction before it can be imageset or 
plateset by another very expensive piece 
of calibrated equipment. From this stage, 
Matchprints or Chromalins are made 
from the output films or wet proofs run 
from the printing plates. The latter 
process is by far the most accurate 
method of proofing, as long as itis 
skilfully executed. 

Print jobs can even be proofed on the 
final paper stock, or using special 
Pantone inks if required, although both of 
the former methods are considered 
almost as accurate for proofing 
four-colour work. Digital versions of 
Matchprints and Chromalins are now 
commonplace too, but technical 
limitations mean that these aren't always 
quite as accurate and the type is 
definitely less crisp. 

Many of these companies feel they 
have little need for learning about 
device-specific profiles at the moment 
because they operate on a more or less 
closed loop system, and rely ona 
process where they should achieve great 
results, as long as all their machinery is 
regularly calibrated. Even in these 
situations, this is becoming an area of 
increased importance as more 
photographic origination switches from 
transparencies to RGB digital files. 

On the other hand, everybody working 
outside of an environment like this will 
almost certainly benefit from learning 
more about this subject now. 

Unless you are fortunate enough to 
have access to an expensive scanner, 
your starting point in the colour chain 
will almost certainly be in RGB, like your 
monitor display. By becoming more 
familiar with the principles of colour 
management and device profiling, it is 
possible for you to produce work to rival 
these professionals. 


Your work environment 


Surprisingly, the best place to start when 
trying to achieve consistent colour has 
nothing to do with your monitor, 
computer or printer - it’s your everyday 
working environment. Indeed, anyone 
who has ever had a job delivered from 
their printer with colours that they didn't 
quite expect, should take a look at their 
everyday studio environment before they 
try to adjust any equipment. If the walls 
are bright blue and covered in posters or 
the lighting is quite harsh and yellow 
then a spot of remodelling could be in 
order. Ideally, the walls of your 
surroundings should be painted a flat, 
neutral grey colour. Unfortunately, this 
can make for quite a depressing working 
environment, so the next best substitute 
colour is probably matt white. 

Lighting should be from daylight 
bulbs, or, if you can find them, northlight 
bulbs. The latter give the room a bright, 
fresh feeling with a very slight blue 
temperature. Fluorescent tubes are 
normally better than spot lights as the 
light is dispersed more evenly around 
the room and create less shadow areas. 

These lights should ideally be slightly 
dimmed while you are looking at your 
screen. Natural light from windows, while 
very pleasant, is another potential 
hazard in making consistent colour 
decisions from your monitor because the 
brightness is constantly changing. If 
you notice that your work room is 
susceptible to this, then you may find 
that dark blinds which enable you to shut 
variable light out at critical judgement 
times are the answer. 

Any reflections in the glass can be 
eliminated by using a dark screen or 
shield around the top and sides of the 
case, extending far enough round to 
block out any stray light. Indeed some 
monitors, such as the LaCie blue 
screens, now come with these shields 
as standard. 

Now it’s time to take a good, harsh 
look at the desktop screen itself. While 
multicolour neon patterns and a rash of 
icons may be inspirational, they won't 
help your eyes when making subtle 
adjustments to an image! You should 
ideally use a very plain, neutral grey 
colour for the screen background. While 
you're changing that, it’s probably fair to 
say that most desktops would benefit 
from being less cluttered with icons. 


Calibrating your monitor 


Most of us have probably stood staring 
lustfully at a great bank of new 
televisions in a showroom at one time or 
another. Well, if you didn't notice that 
most of the pictures looked different, 


even though they were showing the same 
programme, it’s probably best to skip 
forward to the next article! 

Your monitor is fundamentally the 
same as one of those televisions. Each 
monitor deploys many different 
components and technologies: we each 
adjust the brightness, colour and contrast 
to different levels and sit in individual 
rooms with different lighting conditions. 
As mentioned, even subtle differences in 
paint shades on our walls affects the 
colours we perceive from our monitors. 

Add to this the complication that 
every other peripheral you use, from 
scanner to digital camera to laser printer 
is likely to treat and display colours 
differently from your monitor. Even more 
alarming is the phenomenon that each of 
us sees those colours differently and 
even our individual colour vision 
changes over time. 

With all these variables stacked 
against us, how can we possibly improve 
our chances of getting the colours we 
see and approve on our monitors to a 
final printed sheet from a printing press? 

Whatever monitor you use, from an 
expensive plasma screen to a 17-inch 
Trinitron, in a colour management 
system, it is vital that the monitor is 
calibrated or standardised. Unlike most 
scanners and printers, this is essential to 
do frequently even if you are using an 
ICC profile supplied with the monitor 
because there are so many variables in 
its set-up. 

Therefore, the best place to start your 
colour management system, after 
improving your work environment, is to 
standardise your monitor. If you have a 
professional monitor such as a high-end 
Barco screen or indeed any other 
monitor that uses special software or an 
external hardware device for calibration, 
then make sure you follow their 
instructions very carefully and ignore all 
the following instructions regarding 
Adobe Gamma. 

The rest of us will have to make do 
with a quite a basic, though effective, 
system of standardising. This improves 
screen to print accuracy in the vast 
majority of cases and will certainly help 
you to achieve consistent colour. 

The first, frequently neglected, part of 
the calibration process is to let your 
monitor warm up properly. Even ina 
fairly warm room, it’s best to allow at 
least half an hour for this to happen. Now 
we have to generate an ICC profile for 
your individual monitor. A standard 
profile may have been supplied with your 
screen by the manufacturer, or maybe 
you've managed to find and download it 
from a Website, in which case you need 
to copy it into the ColorSync Profiles 
folder on your hard drive. If you haven't 


got one of these profiles, don't worry too 
much about it at the moment. 

Next locate and open the Adobe 
Gamma control panel, this should be 
installed automatically because 
Photoshop is loaded on to your machine. 
If you have an older version of this as 
well (it used to be just called Gamma) 
then it’s safe to put that in the 
wastebasket now. 

You should have two choices after 
opening it: to use the Step by Step 
(Assistant) or to use the Control panel 
option. Even if you've done this before it’s 
easier to use the Assistant route. Click 
Next to start calibrating — it takes just 
eight steps to complete the process and 
should only take five or ten minutes the 
first time you run through it. This time 
gets shorter as you become more 
familiar with the process. 

If you had a profile from the 
manufacturer, click ‘load’ and then select 
it from the list of Colorsync profiles 
stored in your machine. If not, it’s 
probably best to use the Generic RGB 
Profile as your starting point. The next 
screen tells you to adjust the contrast of 
your monitor to its highest setting and 
then adjust the Brightness. It’s usually 
best to start at maximum and work 
gradually down, so that the centre grey 
square goes as dark as possible without 
going black, while also making sure that 
the frame around the large box stays a 
bright white. 

When you're happy with this, click 
Next again. Now you have to select the 
phosphors used in your monitor: chances 
are it’s a Trinitron tube but it’s worth 
checking the original documentation 
from the manufacturer if you have it 
to hand. 

On the next screen, make sure that the 
View Single Gamma Only box is 
unchecked and use the three sliders to 
set the individual gamma for red, green 
and blue. Windows users should then 


Colour management overview 


The major problem in colour management are the fundamental differences in the RGB 
and CMYK colour systems. At first glance they appear to be very similar — both use a 
set of numbers to accurately describe a colour — but that’s where the similarities end. 

RGB uses transmitted light to make colour, so the more colour you add to a picture, 
the lighter an image will get. The CMYK printing system, on the other hand, works by 
light reflecting on to paper, so increasing the amount of colour will make the image 
darker. Playing with the highlight and shadow ends of the curve settings on the same 
image in RGB and CMYK modes in Photoshop is one of the best ways to understand 
these differences. 

Despite this, with a little effort and organisation, we should be able to get closer 
than relying on guesswork and prayer. It’s obvious that we can't spend time individually 
adjusting expensive printing presses, each of which uses the same ink-based system 
that has remained fundamentally unchanged for decades, to match our own monitor. 
Through the use of individual device profiles and some clever software, a colour 
management system simply interprets and compensates for all the different ranges of 
colour in every device from scanner to monitor and from printer to press as the image 


moves along the production process. 


select a Gamma value default of 2.2. 
Mac users should choose their default of 
1.8. Photoshop automatically allows for 
these settings and displays the image at 
the same brightness on both systems. 

The next screen is used for setting the 
white point of your monitor. A good 
average setting is, unsurprisingly, the 
middle one, 6500K (daylight) and this is 
fine for the majority of monitors. 
Alternatively, you can click on the 
measure button and follow the 
instructions to select the most neutral 
grey square repeatedly until you finally 
have to select the centre one. This 
creates your own custom setting for 
the monitor. 

The penultimate screen should 
generally be left so that the adjusted 
white point is the same as the hardware 
white point and is only there as an option 
in case you should need to try a > 


Selecting this option in Photoshop clears your desktop of all distractions. 
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Monitor set-up 


Standardising improves screen to print accuracy and helps you achieve colour consistency 


This contro! pane! will allow youto catibrate your 
monitor and create an ICC profile for it. 
Which version would you like to use? 


@ Step By Step (Assistant) 
QO Control Panel 


FEN This 1c Profite witi be compatible with 
LE] Colorsync™ on Macintosh and IM 2.00n 
Windows. 


First of all, select the Step By Step 
(Assistant) option 


Now choose the desired gamma. 


Semmes fs) 
Cae Cen) 
G Adjust the Gamma settings 


You are currently using the following profile to 
describe your monitor: 


FileName: Generic RGB Profile 


‘This profile will serve as @ starting point for the 


Load your monitor ICC profile if you 
have one 


The white point of your monitor determines whether 
| | You are using a warm or cool white. 
| The hardware white point of your monitor is shown 
below. Hyou know this to be incorrect, choose a 
different setting o click on Measure to visually 
estimate It. 


|| Hramare wnt rims, (ooRERRTIRT—T=] 
Cieasare—) 


Commcet) (et) (ee) 
6 | Select the white point of your monitor 
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alibrating your monitor is to 
adjust the brightness and contrast controls to their 
optimal settings. 


® First, set the contrast control to its highest 
setting. 


XE Then, adjust the brightness 
(ut not black) white keeping [ | 
the frame a bright white. 


‘You can choose to work at a different white point than 
_ | your monitor's hardware setting. The current 
_ | adjusted white point is shown below. if desired, 
| choose anewvaine. 


Aayosteawnie Pmt 


Adjust the white point if required 


‘The red, green, and blue phosphors in a monitor 
can vary from one manufacturer to the next. 


Your current monitor profile indicates that your: 
_ | monitor uses the following phosphors. Ifyou know 
this to be incorrect, please choose a different setting. 


Prosphore: 


4 | Select the correct Phosphor setting for 
your monitor type 


‘Your settings will be saved in the following file: 


resume: [formar Zeai ——_] 


Cemncet) Cae) (Cans) 


Check what differences you have made 
8 and save your settings 


The main Colour settings dialog box. 
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different value. The final screen lets you 
flick between the ‘before’ and ‘after’ 
settings before saving them. 

Use a new name and add the date as a 
suffix so that you can easily remember 
when you last calibrated your monitor. 
Ona PC, the file should be saved in 
Windows/System/Color Folder, while on 
a Mac it should go in the ColorSync 
folder in the System Folder. Any other 
profiles for other equipment should also 
be put in these folders so they are 
selectable in either the ColorSync 
control panel on Macs or by ICM2 on 
Windows machines. 

Monitors and systems change over 
time and some high-end reprographic 
companies calibrate their monitors 
several times a day for consistency, 
though this would be quite excessive for 
the average user. The best advice is to 
keep an eye on the colours in general 
and re-calibrate whenever you're 
working ona very colour critical image. 


The main colour spaces 


Having standardised the monitor, we 
should all be looking at the same (or at 
least very similar) images. It’s time to 
think about the major differences 
between RGB and CMYK and the pros 
and cons of working in both. An RGB 
colour is produced from varying amounts 
of red, green and blue light, while the 
CMYK system mixes cyan (bright light 
blue), magenta (pink), yellow and black 
ink to create a colour. 


The first major plus with RGB is that it 
has a larger colour gamut than CMYK. As 
we know, most digital input devices and 
all monitors work in RGB so this means 
you can scan and display colours in RGB 
that don't fit into the CMYK colour range, 
effectively excluding them from the final 
printed image. The most obvious missing 
colours in CMYK are very bright shades, 
especially the light blues and greens. 
This plus turns into a temporary minus if 
an image containing these elusive 
colours has to be outputted in CMYK 
because the result will be tonal gaps 
where the CMYK system lacks an 
equivalent colour to swap to. 

We'll cover how to deal with this 
problem later when we look at the best 
way to move colours from RGB to CMYK. 
To complicate matters slightly, not all 
RGB colour spaces are the same. For 
example, Adobe RGB has a different 
gamut range of colours from Apple RGB. 
This really isn't too much of a problem 
because Photoshop can accurately move 
from one RGB colour space to another 
and back again if required. 

On the other hand, constantly moving 
from RGB to CMYK and back again isn't 
recommended, because the colour 
values may shift substantially each time. 
Another great plus for Photoshop users 
working in RGB is that you have access 
to all of the amazing features available in 
the package. For example, it is 
impossible to render the Lighting Effects 
filter to a CMYK image because this and 
other filters are greyed out in this mode. 


One of the main plusses of working in 
CMYK on an image is predictability. If 
the Eye dropper tells you a colour is 
made up from 50 per cent magenta and 
100 per cent yellow, you can tell exactly 
how this colour should print on a litho 
press simply by looking up the values in 
one of the many colour sample books 
available. If your print shop delivers 
something vastly different, then you 
probably have grounds for complaint. 

Given that what we are after isa 
consistent, accurate and flexible system, 
we recommend that you try to work 
within the Adobe RGB colour space until 
you are ready to send your job to the 
printer and then covert to CMYK at the 
last minute. 


Colour settings and advanced 
colour settings 


The Colour Settings section of 
Photoshop is found near the bottom of 
the Edit menu. Opening this dialog box 
displays a bewildering list of settings 
and even contains two more options 
hidden by the Advanced Mode check 
box. Don't worry too much at the moment 
about these. Fortunately, Photoshop has 
a scrolldown list of pre-sets in the 
Settings option at the top. 

These cover all the most common 
options for European and American 
settings and you should initially select 
the one that most matches your current 
output requirements, for example, 
Europe Prepress defaults. They can be 


adapted and resaved as you become 
more proficient, but it is always wise to 
give your own pre-sets a new name and 
not overwrite any of the standard ones. 

Your print shop may also be able to 
give you a .csf file or at least the settings 
that they recommend, especially 
regarding dot gain values. Handily, you 
can add comments to the settings you 
save to help yourself and other users 
know what situations you are intending to 
use them in. PC users should store it in 
the folder in Program Files/Common 
Files/Adobe/Color/Settings while Mac 
users should store them in System 
Folder/Application Support/Adobe/ 
Color/Settings. 

We've covered, very basically, the first 
two Working Spaces options — RGB and 
CMYK. Generally the best working 
space for RGB is considered to be the 
Adobe RGB (1998) option. Until you get 
more confident, the CMYK should be 
left as the default values from the 
pre-set settings. It is from here that you 
can profile the CMYK press target 
accurately by changing some or all of 
these settings. 

All these details should be obtainable 
from your print shop but if they sound 
unsure of themselves, leave all variables 
as the defaults for the relevant 
standard setting. 

Editable factors include: 

* The set of ink colours to be used. 

* How much dot gain to allow for, either in 
general or each ink individually. 

* Whether to separate the image using 
GCR (Grey Component Replacement) or 
UCR (Under Colour Removal). GCR 
reduces the amounts of CMY inks and 
replaces them with just black ink in grey 
areas. UCR replaces CMY ink with Black 
in neutral areas. It is mainly used to keep 
total ink weights down on litho presses. 

* The amount of Black Ink generated. 

* Maximum Ink Limits for both the black 
ink and cumulative amounts. 

* UCA (Under Colour Addition) amount. 
This adds CMY back in to dark areas 

of an image to stop it looking too flat 

and lifeless. 

As a general rule, if you use GCR, a 
medium black generation setting, a total 
ink limit of no more than 320 and a low 
amount of UCA (under 10 per cent) you 
will get results that print well. 

The other two, Gray and Spot refer to 
the amount of allowance to be made for 
the overall printing process. Presses with 
asmaller range of colour, Web printing 
onto newsprint paper, for example, 
generally have a much higher dot gain 
value because more ink is absorbed into 
the paper, instead of lying on the surface 
of a quality coated stock on a litho press. 
As the ink is absorbed, the individual 
dots that make up an image get larger, 


Separation guidelines 


hence the phrase ‘dot gain’. Setting a 
higher ‘dot gain’ value in these boxes 
allows for this and keeps the final CMYK 
values lower to compensate. 

The Color Management Policies 
section is simply for setting Photoshop's 
actions on finding (or indeed not finding) 
a profile assigned to an image that is 
different from your current working 
space. This occurs when a picture is 
opened and also when it is copied and 
pasted from one colour space to another. 

The Conversion Options settings are 
for selecting firstly which Colour 
Management Module to use from a 
choice of four. These are Adobe (ACE), 
Apple ColorSync, Apple CMM and 
Heidelberg CMM. The Adobe system is 
generally believed to be the best at 
handling the vast majority of RGB to 
CMYK conversions in Photoshop. 

The Intent section again has four 
options: Perceptual, Saturation, Relative 
Colorimetric and Absolute Colorimetric, 
and they each handle the colour 
translation from RGB to CMYK in 
different ways. 

* Perceptual rendering forces any 
out-of-gamut colours to fit into the 
CMYK space and because of this, often 
produces less vivid images. 

* Selecting a Saturation intent tries to 
keep the colours as vivid as possible 

and will normally adversely affect 
normal hues and often make the entire 
image darker. 

* A Relative Colorimetric conversion will 
ignore any colours out of the CMYK 
gamut and display any missing colours in 
the colour nearest to it that is within its 
gamut range. This can result in banding 
or flat areas of colour. Despite this, with a 
little work, it is probably the best method 
for making sure you get the colours that 
you see. 

* Absolute Colorimetric will translate all 
the in-gamut colours precisely between 
two colour spaces. This is best used 
when you need to reproduce specific 
colours within an image exactly. 
Unfortunately this is usually at the 
expense of the image in general. 

Checking the Black Point 
Compensation box will move the darkest 


neutral colour in an image so that it’s the 
darkest neutral point in the new colour 
space, while checking the Use Dither 
box reduces the risk of colour banding 
on conversion. 


Converting from RGB to CMYK 


If you are happy that your monitor is 
calibrated correctly and you have set up 
the Colour settings to some appropriate 
parameters, then you are nearly at your 
quality colour reproduction goal. 

With your image open in Photoshop, 
simply select Gamut Warning from the 
View menu. This will highlight any 
particular colours that aren't available in 
your destination CMYK colour range. 

By adjusting the colour in the image 
itself before conversion, you can 
generally achieve a balance between 
great-looking colour on your monitor 
and great-looking colour images that you 
can print. So finally, when all colours are 
in gamut, you can change the mode 
(found in the Image menu) to CMYK. 


General advice and warnings 


* You may well spend hours setting up 
images correctly so it’s a good idea to 
check that you are using a competent 
print shop or bureau. Even an 
establishment with great equipment isn't 
much use if the staff operating it have 
little or no training. 

* Always try to get good proofs made that 
you are happy with before committing to 
a print run and preferably get those 
proofs signed off by the client. 

* First rule of the print shop seems to be 
that even if the job is incredibly urgent, 
there's always time to print it again if it’s 
wrong — usually at your expense! 

* And finally remember that these 
instructions should only be viewed as 

a guide for setting up your own 
successful colour management system. 
It is too large a subject to cover 
comprehensively in a single article, but 
with more research on the Web or from 
books, you should soon be able to see 
the benefits of adapting solutions to your 
individual situation. FEES 


To learn more about the 
International Color Consortium 
in general and the theory of ICC 
profiles, visit [w] www.color.org. 

It also includes a list of 
email links to every member 
company signed up to the system, 
which can be handy for tracking 
down elusive profiles. 

Another great site, 
unfortunately mainly for Apple 


users only, is [w] www.apple. 


com/colorsne. 

Non-Apple users may still 
benefit from learning more about 
the more general colour issues 
covered, though. 

[Ww] www.adobe.com/ 
support/techguides/color/main 
-html contains many in-depth 
features including overviews and 
theories not just specifically 
related to Adobe products. Well 
worth a visit. 
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Illustration: Jacey [e] jc@jacey.com [w] www,jacey.com [t] 0207 636 1064 (Debut Art) 


Simple vector shapes 


Photoshop 6's new features make it easy to create flat vector 
shapes without the need to use FreeHand or I///ustrator 


s well as drawing vector shapes, we also 
take a look at the keylined illustration 
style that’s so popular at the moment, 
and how to add simple wireframed 
renders to enhance the depth of the illustration. 

Over the past year in commercial illustration 
and advertising there’s been a move away from the 
full-on Photoshop layered look with all singing and 
dancing bells. Simple, clean and fun is the new 
direction, but don't worry if you're a hardcore 
Photoshop user, there are plenty of layers to 
incorporate and make the illo look a bit more 
complex... but not too much. 

We use Poser 4 for this feature, which is very 
understated in terms of effect and speed. This 
tutorial assumes a certain proficiency in Photoshop, 


Poserand simple 3D modelling and the task of 
importing and exporting files. 

We start by creating the wireframes then look at 
building up a background with the new Ellipse tools. 
Then it’s on to the Custom Shop tool to create our 
army of space invaders very quickly without the loss 
of image quality that normally happens with a 
rasterized file. 

We'll then import the renders of the robot, and 
use the Warp Text tool to make simple, quick, 
distorted type. This tutorial can be used as a guide 
— you don't have to use or create the elements we 
have: incorporate your own ideas, colours or shapes 
at each stage to come up with a more individual 
illustration. Email me if you get stuck or if you'd like 
to comment on any aspect of the tutorial. > 
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Part 1: Creating a simple model 


Using any 3D package, experiment and see how far you can go in making a model 
in simple primitives — you can use the sample provided or create your own 


Funky illos 


In the world of commercial 
illustration you have to work fast. 
As an illustrator you will have no 
problems using stock library 
images for your Photoshop 
masterpiece, so why not search 
out the numerous sites on the 
Web that have free downloadable 
dxf models to use. Need a lamp 
and table and haven't got the time 
to build one? This tutorial will 
show how you can turn a bland 
dxf into a funky little illustration. 


Here we've created a simple 3D model 

which we export as a dxf file. Try and keep it 
simple and it won't take as long to import into 
Poser. See robot.dxf. 


jf Aoimation Qutput Settings 


Frome size 


frame Hate Frame Count 


Now for the first render of two. Make sure the 

Document Display Style is set to Flatshaded, 
then go to Animation>Animation set-up. Then, in 
the Output Settings set the frame size depending on 
the size you want the render to be (2000x2000 
pixels). The render is quite fast and can be exported 
as a tif. Reduce the frame rate and frame count to 1 
to produce a single frame render rather than a 
movie or sequence. Click OK. 


Import the dxf file into Poser under 


File>Import>dxf. Leave the settings to default. 


dxf files can be quite complex and it may take some 
time to calculate the model for Poser to import the 
file, especially if you have a low spec machine. 
Make the document size a square format, say 
649x649. See robotpozer1.pz3. 
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Rondor Settings 


5 | Now go to Animation>Make Movie. In the 
dialog box, set the Sequence Type to Image 
Files, Resolution to Full and Quality as Current 
Display Settings. Leave Antialias unchecked. Under 
Frame Rate, click on the Use Movies frame rate box 
which is set to (1). Call the movie robot 1 and click 
OK. In the second dialog box save the file as a tif. 
See robotrender1 tif. 


g Now use the Editing tools and rotating sliders 
to position the model. Move the light controls 
to get a nice effect of shadows falling across the 
model. Don't worry about colours too much. 
Remove the ground shadows under 
Display>Groundshadows, See robotpozer2.pz3. 


6 | For the second render of a wireframe, click 
; the Document Display Style to the outline 
shape to give the wireframed look and follow 
previous instructions to render the model. See 
robotrender2.tif. 


Part 2: Background and shape elements 


Making the background shapes using a variety of options, from the Lasso tool to the new Ellipse tool 


eee 


yy Open background1.psd. This star-filled canvas 
can be made in number of ways. You can 
create a black ground and dab white spots on to it 
with the Brush tool or add small lens flares. Only do 
this to a small section of the canvas, then copy and 
paste the section. Make sure you add a large feather 
to the selection so that they blend well when 
pasting. Do this a number of times, then flatten the 
whole image. Add a slight Gaussian blur to soften 
the whole thing up. 


Photoshop Special 


Now create a new layer and fill the whole area 

with a purple colour, say R75 GO B73, then set 
the Blending mode in the Layer palette to Screen — 
this gives the whole canvas a nice purple effect. 


Create another new layer and use the Elliptical 
Marquee and Polygonal Lasso tools to create 


these shapes and fill with a colour R181 G154 B218. 


Now duplicate the layer in the Layer palette by 

dragging it down the Duplicate Layer icon at 
the bottom. Now select the original layer you've just 
copied and set the Blend to Hardlight and Opacity 
to 60 per cent. Click the Lock Transparent Pixels 
button on and fill with white. Unclick the lock 
button and apply a Gaussian blur to same effect as 
above. Now go back to the copied yellow layer and 
select this layer by holding down the Option button 


4 | Create another new layer and set the colour 
picker to R 207 G168 B173. Now we will use 
the Ellipse tool to create the above shape by adding 


and subtracting. Drag and create an ellipse. Make 8 Create a new layer and fill it with a yellow on your keyboard and then clicking the layer in the 
sure the Options bar at the top left has the Add to R255 G242 BO. Now using the Subtract Layer palette. Once that is selected, apply a stroke 
Shape icon selected. Once you've done that, select Selection tools of the Lasso and Elliptical Marquees of about six pixels to a new layer. Add an additional 
the Subtract From Shape area from the Options bar from the Option bar, delete areas of the yellow layer _ two layers for the ground of the illustration which 
and use the tool to subtract an area from the solid to create a similar layer as this image. Then set the the robot stands on. Use the Ellipse tool or Marquee 
ellipse. Go to Layer>Rasterize shape. Blend mode on the Layer palette to Multiply. and make one of them 48 per cent. 


Part 3: New features 
We are going to create a single custom shape and use it to provide us with an army of space invaders 


10 per cent 


One of the funny, if not great, 
things about Photoshop is that 
there are about 10 different ways 
to do the same job or command. 
You will also find that out of all 
the years you have been, or will 
be, using the program, you might 
only use about 10 per cent of its 
cool features. 


The quickest route 


When creating shapes or objects, 
find the quickest route for 
yourself. Knowing what you need 
from the image will help, but 


Create a new square document. Then using 
the Pent tool, draw the above shape, using 


as ‘invader’. Now the custom shape is saved so = TR IRE eS He Tae SY SRT z = 


don't spend ae using spe Shift and guides if needed to help draw the straight we can distort our illustration document without Go back to the original illustration, and in the 
great feature if you can do it in lines. Then in the Paths palette, save the path by loss of image quality and multiply it as many times Tool palette, select the Custom Shape tool. 
about half the commands with clicking the arrow and Save Path. See invader.psd. as we want very quickly. Then in the Option bar, select the invader shape. 
another feature. 


G Now we are going to duplicate this layer a few 
times and add blends and strokes. So first 
make this layer an overlay blend. Make a selection 
of the shape and create a new layer. Stroke the 
selection at about four pixels in white and then 

- —— deselect the image. Select the Move tool and move 
Now go to Edit>Tranform Path>Distort, and the image/layer a couple of pixels up and right, 


Now drag six guides from the top ruler and 

roughly space them like the above. Then using 
the selected Custom Shape tool and invader shape, 
drag on the document to create the invaders. : 
Holding Shift while dragging helps constrain the = 
invaders to the right proportion. Also check that the 5 | 


Add Shape button on the Option bar is selected to distort the space invaders like the above offsetting it with a filled invader layer. Then make 
keep adding the shapes. Make sure the colour image. Once that's done, press Return on your the layer blend screen and set the Opacity setting to 
picker is black so the invaders are filled black. keyboard to set the shape. Then rasterize the layer. 49 per cent. > 
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Changing trends 


One of the most important 
aspects of being acommercial 
illustrator is knowing what the 
trends are or will be. One minute 
3D techno/anime type will be all 
the rage, and the next you'll find 
everyone using dirty, flat 2D 
bimapped type. Even better start 
your own. Keep pushing the style 
and it will pay off. 


Again duplicate the black invader layer and 

drag this layer to below all the other invader 
layers in the Layer palette. Blend mode should be 
overlay and set Opacity to 19 per cent. Fill the 
shape white. Make sure the Move tool is selected 
and go to Edit>Transform>Distort. Distort the layer 
to make it larger behind the other invaders and 


Now duplicate the original black invader layer 


and fill those shapes with R171 G160 BO. Go back to the black invader layer and make a press Return. Here we are distorting a raster image 
Make this layer blend overlay and offset the layer selection of the shapes again and createanew _ unlike the original, because the colour is so knocked 
like above and then move the layer in the Layer layer. Stroke the selection with a thicker white, say back we don't need to worry about too much 
palette below the black invader layer. five pixels and then deselect. softening on the edges of the shape. 


Part 4: Adding details 


Now we are going to add some distorted text and two more vector shapes 


Using the Text tool, type, in any font you like, 
the sentence ‘TARGET ONLINE>>>LOADING 
_ . PHOTONS". You may have to vary the point size of 
Using the same procedure as you used to : the type to fit in the laser sight when we distort the 
create the background shapes with the fis text next. Now apply the distortion by clicking the 
Elliptical tool and then a custom shape, create the —_ 4 Warp Text button in the Option bar and select ARC 
above shape. You can use guides or a grid to place Use the preset custom shape of a star that for style. Now apply bend and distortion to fit in the 


the circles. Then apply it to the illo as the top layer in comes with Photoshop and create it like the sight. You can move the text when doing this just by 
the Palettes window. Make the shape bright yellow, above, but drop the layer below two of the invader dragging it so it will help you more when adjusting 
distort it and then make the Blend mode Luminosity. _ layers and make it red. the distortion over the sight. 


Part 5: Renders 


In this section we get to use the renders we made earlier of the robot 


Open robotrender2.tif and go to 
Select>Colour change and select the 


background in the preview with the Eye dropper Now that the wireframed layer is above the 
i Open robotrender1.tif, and go to Select>Load _ tool. Then click the invert button. This will invert the robotrender1 layer, position the wireframed 
selection. This creates a selection around selection from the background and just select the version exactly over it, matching the edges. You 
the robot. Copy and paste into the main document wireframe. Click OK and then copy and paste into may need to zoom in to do this. Don't forget to use 
as a top layer. the main document. the Move tool. 


Building trust 


When illustrating, have fun. When 
it becomes a chore, try and 
pinpoint why you feel less 
enthusiastic... Is it your style or a 
naff client? You may find that 
you're able to push your regular 
clients and get them to 
experiment more. Tell thern what 
you want to do and not what they 
want. If they're already using you, 
you must be doing something 
right. Building trust with a client 
is as just important as 
delievering on time. 


Expand and 
experiment 


Hopefully, you're going through 
this tutorial and experimenting 
with your own ideas, or 
incorporating them as you go. 
Expand on the step-by-steps and 
give it your own look. If you have 
time to do a tutorial, then you 
have time to experiment, so 
make the most of it! This free 
time can almost disappear when 
you're working on a live job. 


Once that is done, link the two robot renders 

together in the Layers palette and use 
Edit>Transform>Distort to place and reshape the 
layers like the above image. Once you have done 
that, click OK and unlink them both. 


Change the colour of the rendered robot 
below the wireframed layer. Use 

Image>Adjust>Hue/ Saturation and bump up the 

Saturation to +81 and the Hue at about+6, 


10 Repeat the previous stage but don't blur and 
fill with white. Make sure this is in place under 
the drop shadow and offset it quite a bit. 


5 | Now using the Eraser tool, erase the 

wireframed layer around the robot's guns and 
its back. This will let more of the render below show 
through and add a bit of depth. Use a soft edge G In the Layers palette, lock the Transparent 


brush so the wireframe looks like it's blending into Layers pixel button on the wireframed layer 
the render below. and fill with a red colour. 


g Now deselect the layer and duplicate it, then 
click on the orignal layer you have just 


- duplicated - this should be below the new one. 
8 | Now staying with the same layer, select the Select the whole render again and fill it in with 
whole robotrendered shape as in previous black, then apply the Gaussian blur and set the layer 
methods and stroke it at about three pixels in red. to Hardlight to create a soft drop shadow. 


tt Now create a new layer at the top of the Layer 
palette to create the soft laser beams coming 
from the robot's guns, To do this, select the 
Polygonal Lasso and set the feather in the Option 
bar to about 25 pixels. Draw three laser beams and 


use Shift on your keyboard or make sure the Add With all the commands and new features we 
Selection button is selected on the Option bar at the have gone through, add the additional 
top. Fill in with white and then set the Blending elements like the circle laser beams and the robot's 
mode to Overlay and the Opacity to 70 per cent. ‘lives' icons to finish off the illustration. 
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‘Mercurio Adolescente’ (Adolescent Mercury) comes from Bavari's ‘The Baccanal Of Myths’ collection. 


Alesandro 


Italian renaissance painting collides with technology in the bold art 
of Alessandro Bavari. “Bringing 
together multiplies all tt 
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he haunting, beautifully intricate pieces 
created by Italian Alessandro Bavari are an 
art critic’s dream. Infused with drama, and 
frequently exploring religious and 
mythological themes, they inspired one effusive 

critic to proclaim that Bavari belongs “to a group of 
artists in constant technical and critical ferment, who 
are able to feel the importance of the tragic and happy 
events of human existence with a sensitivity that 
appears almost divinely inspired.” Clearly Bavari is no 
jobbing graphic designer. 

His ‘divine works’ have grown out of a passion for 
photomontage, first explored at the age of 15 (he is now 
39). First attending art school and then the Academy of 
Fine Arts in Rome, he studied scenography and history, 
gaining a solid grounding in classic disciplines: oil, 
watercolours, and engraving. Yet even at the Academy, 
Bavari was stretching his artistic muscles, using mixed 
media such as tar, glue, industrial paint and chemical 
photographic etching, and also making use of natural 
objects including bones, fossils and plants. 


And here is its partner piece from the collection, ‘Citta Di Sodoma’ (‘Sodom City’). 


“One of the most interesting theories | learnt while 
studying scenography at the Academy was how to 
convey precise feelings, describing ambience through 
lighting and other subtle signs,” says Bavari. “It follows 
the work of the metaphysical Italian painter Giorgio de 
Chirico who, reproducing the shadow of a man cast on 
to a wall, was able to transmit deep emotional tensions 
with the greatest simplicity.” 

The works of Giotto, Michelangelo, Caravaggio, and 
Piero della Francesca and other artists of the 14th and 
15th centuries have also made their mark. “Having 
studied the history of the art for several years, and also 
bearing in mind that Italy was the cradle of the art from 
300AD to the Renaissance, it’s easy to understand why 


my work is strongly influenced by the art of that period. 


Elements such as the distorted perspectives of Giotto’s 
pictures, or the plasticity of Michelangelo's suspended 
bodies have all had an impact. Even the Gothic and 
Flemish paintings of Northern Europe have been a 
reference point, from the surrealistic landscapes of 
Bosch to the solemn portraits of Van Eyck.” 


The classic architecture of nearby Rome, and the 
verdant Italian countryside also play a part in shaping 
Bavari’s grandiose work. He also cites contemporary 
cultural influences such as the filmmakers Peter 
Greenaway and Shinya Tsukamoto (who made the 
disturbing mechanical body horror film Tetsuo). 

The way these disparate elements are brought 
together is undoubtedly what gives his work such 
impact. “The only identifiable elements in my images 
are decadent blends of industrial, gothic and romantic 
architectures, broken by the improbable vegetable 
sculptures, and Renaissance-like still-lifes,” explains 
Bavari. “The setting doesn't refer to any historical 
period, but is an integral part of the composition, and 
so, while fictitious, appears to be in perfect harmony 
with its ‘inhabitants’.” 


New potentials 


Following his time at Rome’s Academy Of Fine Arts, 
Bavari worked as a painter in the galleries of Italy > 
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1. With the title ‘Aula Della Coprafilia’ (Copraphilia 
Hall), this can only be another piece from ‘Sodom 
And Gomorrah’. 


2. Although primarily a landscape piece, the 
figures in ‘Il Giardino Di Jerome’ (‘Jerome's 
Garden’) reflects the influence of Bosch. 


3. The dark influence of Bosch is clear in this 
image, entitled ‘Il Varco’ (The Gate). 


4. ‘Anacoreta’ features intricate texturing 
on the body scan, lending it an almost 
stone-like appearance. 


5. ‘Mercurio Adolescente’ (Adolescent 
Mercury) comes from Bavari's ‘The Baccanal 
Of Myths’ collection. 


and France, before deciding to set up his own studio. 
Here he continued to work with mixed media, until 
1993 when he began to experiment with the 
possibilities offered by computers. 

“The first time | saw Photoshop it was running ona 
Mac LC III in a friend’s office,” he recalls. “I was hugely 
impressed by the creative potentialities it offered, and 
so a few days later a brand new Mac LC III was sitting 
on my desk. It had a whole 4MB RAM and an 80MB 
hard disk. To try to make it more powerful, | even 
added the famous maths co-processor Mathematical. 
The monitor was 15-inches at 256 colours and the 
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software was Photoshop 2.5. At that time, it only had 
one level of background!” 

Now his set-up is based around a G3, principally 
running Adobe Photoshop, though also equipped with 
Painter, Illustrator, Extreme, After Effects and Premier. 
Imagery is obtained using a Kodak digital camera plus 
a Nikon F3, with scanning handled using a generic 
Umax unit and a Minolta Quickscan 35. 

“| also occasionally use Softimage 3D on a Digital 
Alpha 500, to generate some elements that it wouldn't 
be possible to source elsewhere. | think I'll be using 3D 
objects more frequently in future, partly because of the 


themes | want to explore, and also because of the high 
degree of photo-realism now offered by the rendering 
engines of recent 3D packages.” 

The adoption of digital imaging has undoubtedly 
been successful, with his works appearing in 
exhibitions, competitions and galleries around the 
world. He also produces art for several agencies, 
catering for such prestigious clients as Adobe and 
McCann Erickson. 

He also finds time to work as an associate at 
Direct2Brain. “It's a company dealing in animation, 
multimedia and desktop publishing. “I fulfil the role of 


Photo shopping 


While Photoshop's ever-expanding feature set can only make it ever 
more desirable for artists and designers of all disciplines, Allesandro 
believes that there's room for a more streamlined version of the program, 
one that re-positions it as a tool dedicated to the manipulation of the 
snapped or scanned image. 

“The current versions are overloaded with functions that are 


quite practical for the Web and multimedia, but superfluous for us. 


I'd like Adobe to develop one especially for professionals dealing 
with photography.” 

He proposes streaming the program into two strands, one for the 
multimedia users, and another exclusively for photography. He'd also like 


future editions: “to address the way that it isn't possible to work in lower 


an art director, but | do sometimes also deal personally 
with the animation, video and illustration.” 


Evolution 


There is no set routine when creating an image. Instead 
he places the emphasis on experimenting, trying out 
unusual and irrational ideas, to make the process as 
exciting and creative as possible. 

“| remember one time | wanted to obtain a kind of 
weaving effect, but had no idea how to realise it. Then, 
suddenly it came to me: | put the scratched bottom of a 


frying pan onto the scanner, and it gave me exactly the 
right effect.” 

More commonly used materials include inks and oil 
colours, zinc plates with carving, and non-emulsified 
films, and chemically altered photographic negatives. 
Once scanned and loaded into Photoshop, Bavari 
frequently finds himself working with more than 100 
layers. “It’s because of the large quantity of detail and 
retouches | add to each part of the image,” he says. 

Primarily working in greyscale, to avoid ‘the 
distraction or influence of colour’, he switches to 
duotone once general construction has been 


resolutions, unrelated to the final image resolution.” 


completed, applying a number of presets to emulate 
the behaviour of chemical baths using materials such 
as selenium. “The light levels are then further 
manipulated to reduce the harshness of the pure white, 
and to diminish the violence of the contrast.” 

The next stage involves converting the file to RGB, 
and applying light shades to the various elements, 
multiplying layers with each other, and further 
modifying the shades, then adding dirt, scratches, and 
blurring effects to ‘mess’ the image up. “Finally | 
operate on the whole image to amalgamate the 
composition, and print out on to semi-matt Kodak 
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colour paper, using the Durst Lambda 130 digital 
printing system. All my images are in large format, 
from 35x50cm to 100x70cm, all at 300dpi.” 

“| don't think my style has been subsumed by the 
digital technologies,” he concludes. “Instead it has 
improved and evolved, benefiting from the fact that it 
would take several months to create images this 
complex using conventional methods. Moreover, it also 
means that | retain total control of the image during the 
working process, enabling me to try out experimental 
methods and ideas without any risk.” FEES 


Alessandro Bavari’s work is showcased at: 

[w] wwwalessandrobavari.com, wwwzonezero.com, www.adobe.co.uk, 
www.selfinflicted.com, www.abarabal.com, www.eyecaramba.com, 
www.soulflare.com, www.digitalarLcom, www.photomagazine.com and 
wwwart-bin.com, Contact [e] info@alessandrobavari.com 

Feature by Mark Ramshaw [e] markramshaw@email.com 


1. ‘Ascesa Verso Il Nuovo Medioevo’ (‘Ascent To 
The New Middle Age’) is one of Bavari’s more 
illustrative works. 


2. ‘Ritratto Di Ninfomani Nel Cuore Di 
Gomorra’ (‘Portrait Of Nymphomaniacs In The 
Depths Of Gomorrah’) features some striking 
facial manipulations. 


3. ‘Birsa, Re Di Gomorra, Guarda Il Proprio 
Destino’ (‘Birsa, King Of Gomorrah, Looks At His 
Own Destiny) makes use of 3D rendering to 
create the particle elements. 


4. ‘Primum Mobile’ is one of several 
pieces focusing on found objects, rather 
than photography. 


5. Bavari clearly spends much time manipulating 
each layer and ‘scuffing’ up the composition to 
create a seamless final image in pieces such as 
‘Ritratto Di Due Amanti A Gomorra’ (‘Portrait Of 
Lovers In Gomorrah’). 


Photoshop Special 


Analogue and digital 


“| don't feel like | belong to either the traditional or the computer art 


worlds,” explains Allesandro Bavari. “I want to be free from all etiquettes. 
When | was at the Academy, | became acquainted with the classical 
techniques, with physical or ‘analogue’ disciplines, and all their inherent 
limits. At the other end of the scale, working in the digital sphere is like 
creating a gravity-free ambience, where everything hangs suspended, 
waiting for a shape. It’s too antiseptic, harsh and ‘perfect’.” The secret, he 
believes, lies in using both without compromising either. “Bringing the 
traditional and digital together multiplies all the creative possibilities, 
with astonishing results. The problem is that many artists insist on using 


digital technology to emulate traditional techniques.” 
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Illustration: Anthony Robinson [e] organise@easynet.co.uk [t] 0207 833 8268 (Organisatic 


Creating a 
focal point 


Anthony Robinson explains how to build up 
the image in three stages: the background, the 
focal point and the palette layers 


A his tutorial is designed to 
help you get the most out of 
" Adobe Photoshop. In it, we 

fi will bring a number of 


features together to create the final 
image. As with any piece of art, it is 
personal to the creator. That is why this 
tutorial is only meant as a guide and it is 
always advisable to experiment with 
different techniques and ways of doing 
things. The idea behind the tutorial is to 
help nurture your creativity. 

The concept behind the image was to 
create something that illustrated Adobe 


Photoshop and some of its more useful 
features for this type of work. Adobe 
Photoshop is a versatile package that can 
easily be manipulated to suit your needs 
and the way that you work, > 


@easynet couk{t}0207 833 8268 
ides bee 


Z/  Thetiles tor this tutorial are on the CD in the 
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Part 1: The background image 


The background of an image is almost as important as the 
foreground, so we'll start with a starburst effect 


Selection tool 


After using any selection tool, 
hold down the Control key 
while clicking anywhere on 
the canvas. This will bring up a 


series of options. 


Placing images 

When placing something from 
one image into another, hold 
down the Ctrl/Command key 
and then you will be able to move 


the placed image around freely. 


a Firstly, open the background image which was 
created using a white canvas and painting it 
black. Small areas of white have been left unpainted 
around some of the corners and edges. 


Select Radial blur from the Filter menu and 

Blur submenu. Set the Radial blur to Zoom and 
then adjust the blur until the lines fade. You may 
need to apply the Radial blur filter again. You can do 
this by pressing the Ctrl/Command key and F. 


Over the top of the lines (but still on the same 
layer) use the Airbrush tool to paint abstract 


shapes in the centre of the lines. Next use the 
Rectangular Marquee tool to draw a square that is 
about one and a half times the size of the lines. If 
you start to draw the square in the centre of the 
lines while holding down the Alt/Option and Shift 
keys, you get a square that is equally formed, with a 
centre that corresponds to the centre of the lines. 


5a Create a new layer and then draw a series of 
coloured lines originating from the centre 
point using the Line tool. Some of these lines need 
to vary in length and width 
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Duplicate the layer and press the Ctrl/ 

Command key and T before clicking outside 
the selected area to rotate the lines. When you're 
happy, press Return. Repeat this step until you're 
satisfied with the starburst shape. The Blend mode 
on some of the layers needs to be set to Hardlight. 


G Merge down all of the starburst layers and 
then duplicate the layer before pressing the 
Ctrl/Command key and T. Starting from the centre, 
scale up the starburst until it almost fills the canvas. 
Then press Return to okay that before using the 

Eraser tool to remove selected parts of the starburst. 


Apply the Radial blur filter, making sure that 
it is still set to Zoom. Then select Gaussian 
blur which can also be found in the Blur submenu 
of the Filters menu. Adjust the Gaussian blur until it 
is somewhere between 4 and 16. After you've 
applied the filters, it should look something like the 
image shown 
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9 | Create a new layer and use the Elliptical 
Marquee tool to draw a number of oval 
shapes around the starburst. To create more than 
one oval, hold down the Shift key after the first 
oval. Make sure that the foreground colour is 
slightly darker than the starburst itself and then go 
to the Edit menu and select Fill; make sure you fill it 
with the foreground colour though. Finally, use the 
Airbrush and a similar shade to the ovals to paint 
over some of them. 


Duplicate the layer and then set the Blend 

mode on the original layer to Hard light. The 
duplicated layer will need to be set to Lighten, with 
the Opacity set to approximately 80 per cent. Still 
on the duplicated layer, press the Ctrl/Command 
key and B to bring up the Colour Balance dialog 
box. The colour only needs to be adjusted slightly. 


Part 2: The focal point 


We'll now move on to the main focal point of the image. It needs to be 
adjusted and altered, so this section takes you through that 


Hand tool 


Hold down the space bar to 
temporarily change to the Hand 
tool, enabling you to scroll around 
the image. 


Duplicating layers 
The best way to duplicate a 
layer is to hold down the 
Control/Command key while 
clicking on the actual layer. This 
gives you a number of different 
layer options. 


be 53 
aF Open the ‘face’ document and then select 
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3] Use the Quick mask again but this time, select 
the Airbrush tool, making sure the Opacity is 


just the right-hand corner of the forehead. 


set to approximately 85 per cent. Press Q to enter £ Apply a Gaussian blur filter to make the Select Mosaic from the Filter pulldown menu and 
the Quick mask feature and then paint along the left-hand eye more of a focal point. Deselect Pixelate submenu. Adjust the mosaic settings until 
right-hand side of the face. Exit the Quick mask. the area by pressing the Ctri/Command key and D. the area looks very pixelated. Then deselect. 


4 | Use the Pen tool to carefully select around the 
coloured area of the left eye. Convert the path 
into a selection and then press the Apple and Alt 

keys along with D to bring up the Feather Selection 


dialog box. Set the Feather Amount to 6 and turn G Recolour the eye by pressing the G Use the Unsharp mask which can be found in 
the selection into a Quick mask. Use the Eraser tool Ctrl/Command key and B to bring up the to the Sharpen submenu of the Filter pulldown 
to remove top eyelashes and the pupil from the Colour Balance dialog box. Adjust the colour until menu. Set the amount to 120, radius to approx 
selection before exiting the Quick mask. the eye looks green then click OK. 232.2 and the threshold to around 71. 


aaa 1 


Use the Airbrush and Quick mask to select 8 | Duplicate the starburst layer and place it 9 | On the starburst layer, use the Square 

the face then use the Ctrl/Command and above the face layer. Change the Opacity to Marquee tool to select a square that is bigger 
Alt/Option keys to drag the face into the main 75 per cent and set the Blend mode to Overlay. than the starburst and starts from the centre of the 
image. Align the green eye to the centre of the Erase the parts of the starburst that you feel are left eye. Apply an Unsharp mask with the amount at 
starburst and set the Opacity to about 85 per cent. obstructing the eye. 170, the radius 232.2 and the threshold 71. > 


Photoshop Special | 39 | 
arts 


Part 3: Using layers 


At this stage, we can enhance the palette layers by experimenting 


with the Blend modes and Opacity levels 


Opacity changes 


By pushing the numeric keys 
while using any of the painting 
tools you can change the Opacity 
of whatever you are applying. This 
also works with the Cloning tool. 


Alt tip 


Hold down the Alt/Option key 
while selecting a tool from the 
Tool palette. This will enable you 
to toggle between the different 
options selectable for the one you 
have selected. For example the 
Marquee tool has a number of 
different options such as the 
Rectangular Marquee and 
Elliptical Marquee. 


Pt Create a new layer and use the Pen tool to 
draw a large irregular shape above each eye. 
Convert both paths to a selection before filling them 
with any colour of your choice. The Blend mode 
should be set to Hue. 


G Open the scrappy texture document which has 
already been manipulated for this image. Hold 
down the Ctrl/Command and Alt/Option keys and 
then drag it into the main image. The layer will need 
to be placed in-between the layer with the ovals on 
it and the layer with the face. 


Make sure that the Layers palette is on display 

and then take a screengrab. Open the 
screengrab in Photoshop. The screengrab will be 
called Picture 1 and can be found in the hard drive. 


Zoom into the Layers palette using the 

Magnifying Glass tool. Use the Rectangular 
Marquee tool to select the entire palette. Copy it 
and paste it into the main image. It can be copied by 
pressing the Ctrl/Command key and C and then 
pasted by pressing the Ctrl/Command and V. 
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i Experiment with the Blend modes and Opacity 
levels on all of the Palette layers. Starting from 
the left eye, use the Pen tool while holding down 
the Shift key to create a horizontal line with 45 
degree angles. Close the path by going to the top of 
the image, along and then back down to where you 
started from. Convert the path to a selection. 
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G The previous step will need to be repeated 
with as many different palettes as you feel are 
necessary. You may want to scale some of the 
palettes — this can easily be done by pressing the 
Ctrl/Command key and T. 


6 | Hold down the Ctrl/Command key and click 
on the layer to load the selection, then fill it 
with colour. Repeat this for the other palette layers. 
You don't need to use the same colour each time. 


8 | Click on the layer you want to erase from and 
then use the Eraser tool to do so. Because the 
selection is still loaded, you will only be able to 
remove what is inside the selection. If you set the 
Opacity of the Eraser tool to between 30 per cent 
and 40 per cent, it will help you to control the 
amount of the palette you want to remove. 
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9 Open the curved lines document and place it 
into the main image so that the lines radiating 
from the centre lead to the eye. 


Part 4: Final composition 


The main features are in place — now to import the final symbol 


documents to create an overall effect 


One pixel 


Hold down the Ctrl/Command 
key and press one of the arrow 
keys. This will nudge the whole 
layer one pixel in the direction of 
the arrow pressed. 


Perfect circle 


Hold down the Shift key while 
using either the Elliptical or 
Rectangular Marquee tool - this 
will help you to create a perfect 
circle or square. 


& Create a new alpha channel by going to the 
Channel palette and clicking on the new layer 
icon. In the alpha channel, switch the rulers on by 
pressing the Ctrl/Command key and R and then 
drag a guide from the vertical ruler. Next select the 
Pencil tool and a small brush size. Hold down the 
Shift key while drawing a dot on the guide line then 
draw another dot about two thirds down. By 
holding down the Shift key while drawing the dots, 
it will automatically draw a line for you. 
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4 | Load the alpha channel selection by clicking 
on the channel you have just created while 
holding down the Ctrl/Command key. Create a new 
layer and then fill the selection with the foreground 
colour. Duplicate it by holding down the 
Ctrl/Command and Alt/Option keys. Then press the 
Ctrl/Command key and T to experiment with scale 
and rotation settings before pressing Return. 


Open the ‘star’ document. Then using the 

Pen tool, draw a line from the middle of one of 
the points to the centre of the star and then 
approximately at a 45 degree angle to bring it out at 
the nearest inner point. Continue the line back up to 
where the line originally started. Click and hold on 
that point, then while holding down the Shift key, 
drag the mouse horizontally to the left. This gives 
the final line a curve. 


Go to the View menu and select Guides from 

the Snap To submenu. To the right of the line, 
draw a small square with the Square Marquee tool 
while also holding down the Shift key. The square 
should now snap to the guide line. Select Stroke 
from the the Edit menu and stroke the box. Make 
sure that you set the stroke to inside and that the 
width is roughly the same as the line. 


some of the boxes to fill them with colour. This 
will help to enhance the layer. 


8 | Convert the path into a selection and then 
click on the ‘star’ layer while holding down the 
Ctrl/Command+Alt/Option+Shift keys. This makes 
sure that only the area of the star is selected. Use 
the Eye drop tool to select the star's colour. Then use 
a slightly darker shade and the Airbrush, set to 40 
per cent, to paint part of the selection. Repeat this 
step for each point. This gives a 3D effect. 
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With the square selected, hold down the Ctrl/ 
Command+Alt/Option+Shift keys while 
clicking inside the square and dragging it down the 
line. Repeat until you get to the bottom of the line. 


Open the ‘wavy’ shape document and drag a 
duplicate into the main image by holding 
down the Ctrl/Command and Alt/Option keys while 
dragging. Position it so that it fits round the eye. Use 
the Eraser tool to erase most of the right-hand side. 


fe 


Hold down the Ctrl/Command and Alt/Option 

keys to drag the star into the main image. 
Select it by using the Rectangular Marquee tool 
then press the Ctrl/Command and Alt/Option keys 
while dragging it to duplicate the star. Repeat this 
10 or 12 times and place them randomly around the 
‘wavy’ shape. Some of the stars need to be 
transformed by pressing the Apple key and T. EEE) 
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Illustration: Bryn Owens [t] 0788 758 7448 [e] bluntdog@freeuk.com 


Photoshop 6 tips 


The tips on these pages are here to help you move smoothly 
through Photoshop's filters, layers and optimising images for 
the Web. We reveal a few tricks of the trade... 


é emory issues are always one to check out 
Hy 


first, so make sure you have enough RAM 

on your machine. We have looked at three 
i key areas: filters, optimising images for the 
Web, layers and layer masks. They're all used in 
graphic and online design. 


Filters 


There are now 14 different submenus in the 

Filter dropdown list — and many more if you use third 
party developed filters, including freeware and 
shareware filters from the Internet. In these tips, we're 
going to point out the most useful day-to-day ways of 


getting good results quickly. Filters can be applied to 
the whole of image ona layer or just to a selected 
portion of an image. 


Memory 

The first thing to consider when using filters is the 
amount of memory available to Photoshop. Some 
filters only work in RAM memory to recalculate new 
pixel values. The more RAM memory Photoshop has, 
the better. 


Mode 

Many filters only work in RGB and not CMYK. 

They don't work at all on Bitmap, Index or 16-bit per 
channel images. 


Unsharp mask is one filter that tends to be applied to almost all 
edited images because it can sharpen detail. 


Method 


Many filters can take a long time when applied to high 
resolution images. Some filters provide a preview 
window which displays the effect on an area. 

You could try using a low res version using your effects 
to make sure they give you the required results. 


Reusing filters 
To reuse Filter effects again, record the procedures 
using the Actions palette. 


Unsharp mask and Gaussian blur 

While Adobe Photoshop contains a variety of filters, 
the basic tips apply to all of them. We've picked two 
frequently used Production filters to expand on: 
Unsharp mask and Gaussian blur, because many of the 
Render and Artistic filters require more lengthy 
explanations and tutorials to get the full effect. 
Unsharp mask and Gaussian blur tend to be applied to 
almost all edited images because they can sharpen 
detail or mask problems with an image. Tips about 
memory issues apply to most filters, because they are 
small applications which run inside Photoshop, and 
generally speaking, each needs RAM to preview and 
perform the effects. 


A sharper image 

One of the key filters used in Photoshop has always 
been the Sharpening filter. Of these, Unsharp mask is 
really the main filter for most jobs. Unsharp masks give 
you precise control over your sharpening. It provides 
that wonderful Preview window giving you control over 
how much you need to apply. Unsharp mask finds the 
edges where a run of pixels meets pixels with a 
different colour. It does not affect areas that aren't 
edges, and in doing so, it does not end up adding 
artifacts to your image (unwanted changes in pixels). 
The amount of sharpening is governed by the density of 
pixels in your image. 


For print 

For print images with resolutions of 300ppi you can 
apply the filter over a greater radius. Sharpening 
onscreen tends to be more dramatic than the effect on 
printed images. 


For screen 

When sharpening images for the Web, bear in mind 
that what you see sharpen on your screen is the effect 
you will see displayed in a browser. The colour gamut 
however may be different. 


Save until last 

Use Unsharp mask as the last process in any job for 
print or Web because it can generate unwanted 
artifacts that can be magnified by other filters. 
Finally, you can run Unsharp mask more than once if 
using low settings: it produces better results than 
applying in one session. 


Softly does it 

The opposite to sharpening is blurring. This reduces 
the contrast between pixels and softens edges. It is 
useful for hiding defects in an image and for creating 
depth in images by, for example, blurring the 
background while sharpening the foreground. This 
works best once you've separated elements onto their 
own layers. (See layers and layer masks) 


Gaussian blur 

The advantage of using Gaussian blur on any image is 
the control it gives you. On the Preview window, drag 
the slider to apply blurring. However, be aware that as 
you increase the radius, the image will become more 
and more blurred. 


Optimising images for the Web 


Photoshop still remains one of the most-used 
applications when it comes to producing static images 
to be used on a Website. 

ImageReady, which is integrated with Photoshop, 
takes the production of rollovers, animations and whole 
pages a step further. 

Optimising images always involves a degree of 
compromise: the need to reduce images to a resolution 
of 72ppi tends to lead to lack of detail, but also reduces 
the amount of memory the image takes up on the 
server. It also reduces the download times to a browser. 

By selecting different formats and settings in 
Photoshop, you can trade off quality with file size. 


Which method? 

Photoshop itself offers two methods for saving images 
for the Web: 

Save as... 

The first way is to save as .gif, jpeg or .png. This method 
however offers no comparison between the formats. 
Save for Web... 

The second and more effective way is to Save for Web... 
This option displays a window giving 2up or 4up views 
of your image. The top left is the original image, and the 


v Uncompensated Color 
Standard Windows Color 
Standard Macintosh Color 
Use Document Color Profile 


9.6 Kbps Download Rate >) 
14.4 Kbps Download Rate 7 
v 28.8 Kbps Download Rate 


128.0 Kbps Download Rate |» 
256.0 Kbps Download Rate _ [7] 


These days people tend to have modems that connect at 
56K; the standard setting in Save for Web is 28K. Changing 
the setting using the dropdown list will give you a more 
up-to-date speed. 


Preview windows 


Many filters display a Preview window showing the 
resulting effect. Click your mouse on it to get a subtle 
indication of the difference before and after. You can 
zoom into the effect at a greater pixel depth. Some 
filters can take a long time, especially on very large 
high resolution images. The flashing line under the 
Zoom Percentage indicates that the filter is being 
applied - when it stops, the filter has finished. To 
avoid the filtering affecting the whole image, uncheck 
the preview box. When the cursor enters the Preview 
window, it changes to the grabber hand. Click the 
mouse down and hold, and drag to view other areas of 
your image. Move the cursor over the image window 
and a small box appears. This enables you to target a 


particular area of your image to see the results. 


others can be used for comparative display - to 
compare different settings for a .jpeg image with 
different compression settings, for example. 


File formats 

When it comes to saving images for the Web, there are 
two main types: 

Text and graphics 

If you have an image which has solid areas of colour 
and logos that are line art, then .gif format is ideal 
because it compresses solid areas and preserves the 
edge detail in an image. It is an 8-bit system which 
reduces the number of colours to a maximum of 256. 
We don't therefore recommend it for 24-bit images 
such as photographs or pictures containing continuous 
tone because it degrades the quality. As with .jpeg, 
Photoshop also supports a lossy method of 
compression for .gif (one which selectively removes 
data) to reduce the size even further, but at a cost 

to quality. 


Working with photographs 

With images such as photographs or pictures 
containing continuous tone .jpeg allows not only 24-bit 
colour support, but also maintains the subtleties in 
brightness and hues. Files can be reduced in size by 
compressing the data. .jpeg selectively removes data 
(known as lossy): the greater the compression, the > 


The Save for Web window displays with 4up preview selected. 
To help you make your choice, increase the View Size using the 
Zoom tool and the grabber hand to move the image around in 
the preview windows. 
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Effects 
€} Drop Shadow 


One of the most underrated techniques in Photoshop has to be 
clipping groups. These enable you to apply the pixel data of one 
layer to the pixel data of an underlying layer, completely 
ignoring the transparency of that layer. It’s great for clipping an 
image onto text or an image onto an object. 

To clip, select the line between two layers and Alt/Option-click 
to apply the pixels from the top to data underneath. 


more data that is lost and the greater the reduction in 
quality. Progressive .jpegs are great because they 
download as low res versions first, giving you a basic 
image, and then proceed to download more data which 
improves the quality. 


To PNG or not to PNG 

The third option is .png. Not all browsers support this 
format, however and on the Internet it is vital that your 
images should be seen. No one wants the red cross in 
a box. 


Preparing for Web 

When preparing an image for online presentation, 
there are a number of procedures to go through. What 
size is your final image to be? The larger the file the 
longer it takes. 


Cropping an image 

Crop your image so that only relevant parts are 
kept (you can crop to a new resolution using the 
Crop tool). Hold down the Control/Command to 
get fine positioning near the edges of the images to 
be cropped. 
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Open an image as a target for the actions. In the Actions palette, 
Create a new set from the buttons or dropdown list. Within that 
set, create a new action and name it. Once you click OK, you're 
off and recording. 


Resize 

You may have to resize the image to reduce download 
time: Image>Image Size. If you have not changed the 
resolution of your image, do so before changing the 
image size (generally by pixels 72ppi) Once resized, 
use Unsharp to put back some of the detail lost in the 
resizing process. Any change to an image which 
involves some sort of transformation will degrade the 
detail and quality. 


Unsharp mask 
Applying Unsharp mask as described earlier gives 
control over the details you put back. 


Save for Web... 

Select the 4up option. This allows you to choose 
various jpeg settings, from high to low. Choosing the 
best setting is always very subjective: it’s always going 
to be a trade-off between quality and download time. 
Use the download time displayed in the Preview 
window to give an indication of trade off. 


Colour gamuts 

If you are working on Mac, bear in mind that a PC’s 
windows gamut (colour range) display is darker than 
the Mac. To see the effect, jump to ImageReady and 
select View>Preview>Standard Windows Colour. 


Layers 


As more and more people use Photoshop as their main 
design tool when creating Website or rich media 
images, the need for control becomes paramount. 
Photoshop has a number of techniques for maintaining 
your sanity when creating complex images: Layer 
names, colour codes and layer sets. 


Naming layers 

Get into the habit of naming layers. With Photoshop, 
you have the ability to use up to 8,000 layers 
(memory permitting) - not that you’d ever need 

that many in most day to day work. Naming layers 
also helps if you have to come back to a job at a later 
date, or if someone else has to make amendments to 
your creation. 


Creating layers in Photoshop 

The way you create layers affects the way you set 
things up, by using the dropdown lists in the Layer 
palette. New Layer... opens a layer’s Property dialog 
box which allows for naming and colour coding of a 
layer. Using the buttons along the base of the palette to 
create new layers circumvents the Layer properties 
dialog box. Holding down the Alt/Option key and 
using the Layer button calls up the Layer Properties 
dialog box. 


Duplicating layers 

The same modifier works when duplicating layers. A 
quick and simple way to duplicate an existing layer 
(useful when experimenting with the Extract command) 
is to mouse down and drag an existing layer to the new 
layer button. This creates a perfect copy, and adds the 
word copy to the layers name. Holding down the 
Alt/Option key when performing this operation calls 
up the Layer Properties dialog box for naming and 
colour coding. 


Again and again... 


If you find that you’re doing the same process on 
images, it’s more efficient to record your actions 
using the Action palette. By recording your actions, 
you can replay them on individual images or even 
batch a whole folder containing the files you need 
to process. 

First work out the basic set of actions you are 
going to apply. The tips on preparing for Web are good 
examples of standard procedures that can also be 
saved as actions. 

Open an image as a target for the actions. In the 
Actions palette, create a new set from the buttons or 
dropdown list. Within that set, create a new action and 
name it. Once you click OK, you’re off and recording. 
Work through your procedures. When you've finished, 
click the button with the black square to stop 
recording. The action is then ready for use. This gives 
you a general set action which can be applied to 
images of a similar nature to the one you used as the 
test image. You can control the actions individually by 
clicking in the square next to the tick box: this stops 
the action and allows you to make choices, for 
example, cropping an image to the size you want, 


rather than just using the original test crop. 


Layer sets 

Using layer sets allows for greater organisation and 
control of the layers, enabling you to group layers with 
their effects or to organise buttons for a Website 
design. Sets can be colour coded, layers within that set 
taking on that colour code, but these can be overridden 
for each layer. 


Naming sets 
Again the Alt/Option-click works when creating new 
sets using the new set button. 


Note: 
Layer sets by default have their Blending mode pass 
through, which enables the individual layers to have 


By double-clicking on the ‘f’, you can open the Layer Style box 
to edit an existing style or add a new one. 


mayer Properties... 
layer Style 


Adjustment layers are the most flexible ways to make 
corrections to an image, with control over how edits are made. 


their own settings. The Sets Blending mode can be set 
to affect all the layers it contains or used to add an 
extra effect to a layer with a Blending mode already 
applied, compounding the effect. 


Linking layers 

By linking layers together, separate images can be 
moved and transformed as one item without you having 
to merge all the layers together. 


Layer via copy 

This is a favourite feature of many designers. A layer or 
aselection from a layer can be copied to a new layer 
Layer>New Via Copy (use the Alt/Option key as well if 
a layer needs naming). 

This method is great for splitting an image into 
multiple layers for editing! (For example, adding depth 
of field.) Sharpen the foreground image, while blurring 
the background. 


Adjustment layers 
If you have to make corrections to an image, one of the 
most flexible ways is to use Adjustment layers. 

These provide control over how your edits are 
made. First select the dropdown list Layer>Adjustment 
Layer and choose from the various options, or use the 
button on the Layer palette to pop up the list. 

Once the selected edits have been made, a layer 
is created above your Image layer: the effects are 
always editable. 

Once you've applied a correction, if you’re not happy 
with the result, then double-click the Layer icon to 
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|b | Shade stnctierw Chater Bann eon | [9 6 2 


ih #8 «|| 


Combining layers which have different effects to produce 
buttons for an e-commerce site is quick and simple. 


make further changes. Note that the layer can also 
behave like a mask. You can use a Paint or a Vector tool 
to select which parts of the image are affected. 

The Layers transparency also affects how intensely 
the edits are applied - the lower the setting, the less 
the effect. 


Masks 
Layer masks can be now created with two different 
methods: by pixel or by vector. 


Pixel 

Method one has been in Photoshop since version 3, 
but even this can be applied in a number of ways. 
Firstly by simply using Layer>Add Layer mask>Reveal 
All or Hide All. 

This option fills the mask with white to show or black 
to hide. By using any of the Paint tools, areas can be 
revealed or hidden. 

Using any of the selection tools, any area of 
your image can be marqueed for filling with black or 
white depending on the effect required. Use 
Alt/Option-Delete to fill with foreground colour. 

The idea of creating a selection first can be pushed 
further when it comes to masking with pixels. Create 
your selection using the selection tools. 

When selecting, you can change tools at any time 
and the options provided in the Tool Options bar to add, 
subtract or intersect allow complex selection to be 
created easily. (Note: you can use the Shift key to add a 
selection or Alt/Option to subtract). 

Once your selection is made, use Layer>Add Layer 
Mask>Reveal Selection or Hide selection to create a 
mask based on your selected area. 


Vectors 
Masks can now be created using vector-based paths. 
Even this entails two methods. 

Firstly, select Layer>Add Layer Clipping 
path>Reveal Selection or Hide selection: this 
generates a Mask icon on the layer. When you define an 
area with any of the vector creation tools, it reveals or 
hides the area. 

Use the options provided in the Tool Options bar to 
add, subtract or intersect with different shapes, or use 


Layer styles 


Effects 
€ Bevel and Ernboss 


Effects 
€@ Bevel and Emboss 
@& Color Overlay 


Give Layers names that reflect their content. Text layers 
generate their own names depending on the text you've keyed. 
To name a layer once it’s been created, Alt/Option and 
double-click to rename the layer. 


the Pen tool to define your mask. A major benefit of this 
method of masking is that the vectors stay editable 
enabling fine changes to a path using the selection 
tools. The second method uses a vector path that you 
have produced using the Vector tools. 

With either a save path or working selected, use 
Layer>Add Layer Clipping path>Current path to 
produce your mask. 

The data for the mask is stored as vectored 
information and thus saves space by not generating an 
extra channel, as does the pixel-based mask. 


Disabling a mask 

To temporally turn off a mask, hold down the Shift 
and click on the Mask icon. Repeat to make the mask 
active again. EE 


Applying complex effects to any layer is 
now very easy using Layer styles. 

They can be applied via 
Layer>Layer style> (chosen style) or 
selected from the bottom of the Layer 
palette. Once an effect has been applied 


toa layer, an ‘f appears on that layer 


with an expand and contract arrow. 
These styles remain active and can be 
edited at any time. 


Saving styles 
If you've produced a particular effect 
that you like, it can be saved for use in 


the same job, for future use or even to 
supply to someone else working with the 
same design brief. 

Saved styles are stored in the 
Styles palette. To save a style, 
double-click the style F icon - this 
opens the Layer Style palette. Select 
the Save option, name your style, click 
OK to add to the Styles palette. From 
here you can re-apply the style to any 
layer: it will be stored in Photoshop for 
future use and can even be saved within 
sets. Note you can also load predefined 
styles into your existing palette. 


@ Blanket (Texture) 

Zz Nebula (Texture) 

XE Sunspots (Texture) 
WB Tie-Dyed silk (exture) 
‘DY Miseled Sky (ext) 

a Chromed Satin (Text) 
(J Overspray (ext) 


Saved styles are stored in the 
Styles palette and can be applied 
to any layer, any job and even 
saved for use on another computer. 
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Remove detail 
with buZZ Simplifier 


» 


to create 
a drawing 


AS SEEN ON SKY TV S oftware 


“Stunning effects” charles Arthur Techuoloey Edo The bnlentene 
logy penden 


It’s easy to see why buZZ.Professional 1.0 has quickly become must-have software for many 
digital camera users, as it allows them to create paintings or drawings. 


buZZ. Professional 1.0 is a ground-breaking new plug-in. For the first time ever, you can 
remove detail — as much detail as you choose - without losing focus or definition. 


This is vital, as it then allows you to go on and create extraordinary artistic results. 


bul. Professional 7.0 
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“A superlative product” rim wilson, plugincentralcom 


You begin with using buZZ’s patented Simplifier, which you can use repeatedly, in different ways, on 
multiple layers. You can then combine the Simplifier with the other twelve buZZ effects, or apply the 
ones you use now. 


All this for under £95.75 (inc. VAT). Call 01223 701701 for your = segmentis 


the sieve technologists 


ee 


copy, email sales@segmentis.com or visit www.segmentis.com 
Mac and PC Compatible 
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omputers can have an odd 
effect on people. Just because 
you're pressing keys instead 
of holding a brush, you can 
forget that you're still making images. 
Itis too easy to get hung up on the 
technicalities. If you're busy worrying 
about the filters and the masks, you’re 
not thinking about the important stuff. 
Simply get to know the basics, then 
forget you're using them: just concentrate 
on the real business of picture-making. 


The traditional skills of composition, 
drawing, perspective and tonal control 
are still the important structural 
considerations. Develop an instinct for 
them, and then you can think about what 
you really want to say with an image. 
Are you conveying a mood? Telling a 
story? Arranging texture and colour? 


These are the real subject of your picture, 


and your prime consideration. 
This tutorial explains step-by-step 
how to make the image shown, Water, 


Drawing the new 
from the old 


You don't need the latest upgrade or the fastest computer to make 
thought-provoking imagery. All you need, says Catherine Mcintyre, 
is a working knowledge of layers and an eye for connections 


which is a personal piece from a project 
about the four elements. 

We show how an image builds up 
gradually, growing visually as you add 
new elements and conceptually as the 
meaning becomes more complex. 

The overall atmosphere may be 
dictated by the subject or brief; what you 
use to suggest this atmosphere is up to 
you. If you don’t have too many 
preconceived ideas, the end result can 
be far from expected. Have fun! 


Part 1: Creating the background 


Laying down a background, even if most of it should disappear by the time 
you've finished, gives a basic texture for the next layers to interact with... 


Element sources 


Draped figure & arms — studio 
shots; Bronica SP 4x4 medium 
format camera, 80mm standard 
lens, Agfapan 100 b+w film; 
scanned Dainippon Screen 


colour drum scanner 


Drapes, door — natural light, 
Venice; Nikon F401 camera, 
28-80 zoom lens, Kodacolour 
Gold 400ASA film; scanned 
Nikon Coolscan 


Water, water+reeds — natural 
light, Angus, Scotland; Canon 
Powershot S20 digital camera 


Wings — natural light; Canon 
Powershot S20 digital camera 


Portrait — junk shop postcard; 
scanned UMAX Astra 
1200S scanner 


(Gane) 


Image Size: 11.2M 


wiat: [7] (om —T3} 
weign: [20] (em Te] 
sesottion: [580] [nbivinch T=) 


Mode: [RGR Color 


Contents 
Ownite 
Background Cotor 
@ transparent 


Make a new file in RGB mode. The image is 

200mm high x 140mm wide, at 300dpi, which 
is standard printer resolution and sufficient for most 
commercial applications. If there is a possibility that 
the image will need to be enlarged slightly, for 
example, to allow for a bleed on a page if the design 
should change, increasing the resolution to 350dpi 
ensures that the image remains crisp. 


4 | Add a Layer mask to this strip. Blend the two 
layers together using a paintbrush to remove 
all of the straight edge to the left of the pasted layer. 
Be aware of lines within the image that need to 
continue across, such as the plank edges. At the top 
of the image, you have an area of stonework and 
boards which will not happily blend; remove the 
new layer altogether here. Merge the two layers. 
Once merged, it is easier to clone across the picture. 
If you want to avoid an effect that’s too mirrored 
and symmetrical, reposition the more obvious 
details such as cracks in plaster and holes. 


2 | The file ‘door’ is our background. Paste it into 
the new file and size it to fit. The right-hand 
door jamb has been cropped off, but including it 
would improve the symmetry and framing of the 
image. Allow for pasting this in at the next stage by 
sizing the layer slightly inside the right-hand edge. 


, 
5 | The boards and wall now need to be cloned to 
fill the remaining gap at the top right. Keep 
choosing new places to sample from, or a repeating 
pattern will be obvious. Using a larger brush, maybe 
45 pixels, at 100 per cent Opacity to start with 
establishes the groundwork, and finer details such 
as woodgrain can be added with a finer brush and, 
if necessary, lower Opacity to blend, later. Again, 
find lines and tones that are already in the image 
and follow them across to the new area. Always do 
this at a high magnification, periodically checking 
the overall impression (Ctrl/Command-0). 


Copy and paste a strip from the left side of the 

door (our selection is shown to the left of the 
image in the screen grab). Flip this second layer 
horizontally, and move it across to the right edge. 
(Hold Shift while moving selections to constrain 
movement to horizontal, vertical or 45 degrees.) 


Your background is now complete: you should 

have information across the whole of the 
image. Flatten the image — this removes all pixels 
which are beyond the edges and keeps the file size 
down, and Save. 


Part 2: Adding layers 


The development of the picture is unstructured and intuitive from here on, 
as layer is added to layer in response to what is happening onscreen 


a The next element to place is the water. Open 
and copy the file, paste it into a new layer, and 
size it using Transform (Ctrl/Command - T) to fit 
horizontally. Holding down the Shift key while 
dragging the corner of a selection will constrain the 
proportions of the layer. Add a Layer mask. 


Bret 3 z = 

2 Using the Gradient tool, set at Foreground 
(black) to Transparent mode and 100 per cent, 

remove the top edge of the water by dragging the 


tool from the top downwards. Again, constrain the 
tool's movement to the vertical with the Shift key. 


og Now we'll select and paste the draperies. 
We've made a selection using the Pen tool in 
Paths. The advantages of a vector path over the 
Magic Wand are accuracy, a smoother edge, and 
the ability to move around nodes with the Hollow 
Arrow tool (beside the Pen tool in the Tool palette) 
as you work. Remember to turn off the path (don't 
delete it yet — if your selection doesn’t look right, 
you can go back to the original file and alter it) 
before making your selection. Feather it by one pixel 
or so to soften the edge. Copy the draperies. > 
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Connections 


Using layers enables you to 
organise disparate elements 
within an image and set up 
gestalts from unrelated parts. 


Evolution 


Pictures in progress are in flux, 
evanescent and growing 
simultaneously; the end result is 
never predictable. 
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4 | Paste into your new image. Using Transform, 
move to the top edge and size to fit. We have 
let it bleed off to both sides. If you have no shortage 
of memory, and the file isn't getting too unwieldy, 
don't remove the unseen parts of a layer until an 
image has begun to take shape. You can then 
change your mind about positioning if you like. If 
you're happy that you won't need the excess, select 
all (Ctrl/Command-A) and choose Crop with the 
relevant layer selected; this keeps the file size down. 


Adding a Layer mask, Hide All, paint the face 

back into the picture. The edge of the girl's 
headgear is a useful shape to link in with the drapes 
on the body. Make sure her neck isn't displaced. 


10 The face still doesn't look as if it belongs. 
Changing the Layer mode to Luminosity 
brings the hue in line with the layer underneath. 
The bright highlight on her cheek, and general lack 
of density, is then corrected, again using the 
Brightness/ Contrast palette, this time setting the 
Brightness at -60. 


G To select the draped figure, use the Magic 
Wand. The background is a flat white, so set 
the Wand's Tolerance to 1 in the Tool Options 
palette and click on both areas of white. Expand the 
selection by 2 to eliminate a halo effect; feather by 2 
to soften, invert the selection (Ctrl/Command— 
Shift-I), copy and paste. The grayscale file will 
automatically be converted to RGB. 


8 | The colours of the figure are very disparate 
so far. The figure itself was a grayscale file, 
and needs to be colourised before blending in the 
new face. Select the figure layer; using Colour 
Balance, add a soft green tone (remembering this 
woman embodies Water!) across the body. The 
settings used here are Shadows -5/0/+7, Midtones 
-8/0/-5; Highlights -12/0/-5 — but experiment to 
create your own atmosphere. 


SE eee 


The arms are next to be altered. Paste in arm 

1, selecting it as you did the figure with the 
Magic Wand. Using Transform, scale and rotate it 
until it fits over the existing upper arm and curves 
around the head. Remember to save your file from 
time to time! 


G The head and arms in the photograph aren't in 
the right position for this picture; we want a 
more enclosed, rounder composition which will lead 
the eye back down into the image. To change this, 
start with the head. A junk shop find of an old 
postcard, aged in a solarised effect (File>Portrait), 
has mysterious features and a suitable amount of 
shadow across the face. Paste this on top of the 
figure and, using Transform, scale it down and 
rotate it until the proportions fit. 


9 | The figure now looks a little flat and dense. 

Using the Brightness/Contrast palette, bring 
back the highlights and enliven the modelling; the 
settings used here are Brightness +7, Contrast +3. 


12] The second arm is now placed and rotated so 
that the palm lies along the first forearm. This 
arm is paler and less contrasted than the first; the 
settings in the Brightness/Contrast palette were 
Brightness +10, Contrast +35 to match it up. The 
upper arm should be removed using a Layer mask, 
because the elbow is at the wrong angle; copy, 
paste and flip horizontally the upper arm of arm 1 
and move this layer behind the portrait layer. 


Part 3: Adding more to our composition 


Creating tonal variation, and linking relevant layers together 


Command-Z 


Unlike traditional artistic 
media, Photoshop enables 


T Pl 
J hecmoaes 8G 


decision-making both forwards 
and backwards in time. 


i 


| 


Priorities 
Complete familiarity with your 
program lets technical problems 


recede in importance and 
enables the real business of 


communication to happen. — J 
Ea Adding Layer masks to all the arm layers and 

the figure layer, remove the thumbs and areas 
of the arms that cover the fingers so that the arms 
look entwined. Selecting one arm (clicking on a 
Layer icon in the Layers palette while holding down 
the Control key will select the contents of that layer) 
will help you to remove the correct parts of another. 
Remove the shoulders where you don't need them, 
and blend all parts together. 


The arms are now the same hue as the rest of 

the figure. The shadows, however, are wrong; 
the left arm has a highlight underneath it, and we 
need shadows where the arms touch. Add a new 
layer at the top, choose Multiply mode, and, picking 
a dark green from the figure, paint in the shadows. 
Clicking on the top colour swatch in the tool bar 
brings up the Colour Picker box. Place the cursor 
over the hue you want in the image or in the Picker 
itself, and click to choose. We've left the layer at 
100 per cent and blended it using a mask. You could 
reduce the layer Opacity to blend, if you prefer. 


The wings are next to be added to the image 

(representing another of the four elements, 
Air). Select them as you did the figure and arms, and 
paste them in behind the figure. 


o There are draperies to each side of the figure 
that we don't need; remove these in the Layer 
mask by drawing paths. Feather the selection to 
around two pixels for a softer effect, because these 
edges are slightly further away from the viewer. 


5 | The figure is nearing completion; link all the 
relevant layers together and, using Transform, 
rotate until the stance is more vertical. We've also 
reduced its overall size slightly at this point. You may 
notice that the arm colour is softer now. We have 
gently removed some of the green-filled figure layer 
to allow the background drapery colour to influence 
the Luminosity mode arms. It is best not to merge all 
these layers, as the Luminosity effect in some areas 
would be lost if the final layer was Normal mode. 
You could make a composite selection, Copy 
Merged (Shift-Ctrl/Command-C) and paste to 
replace them, but you would have to be sure that 
the figure was in its final position. 


At this point, the drapery is beginning to look 
too far down in the background. Move it 
upwards until the lines in the folds to the figure's 
sides lead nicely into the new wings, and change the 
layer to a Luminosity mode to remove the strong 
yellow hue. 


3 | The arm layers are Luminosity mode, because 
this helps with blending. To extend the green 
hue of the figure behind the arms, select both arms 
(hold down the Shift and Ctri/Command keys while 
clicking on successive layers to add to selections). 
Hide the arm layers and extend the figure layer 
upwards behind the arms using the Clone tool. 


6 | The figure now needs to be extended 
downwards. First, copy and paste the drapery 
to the right of the leg. Move this layer downwards 
and scale up until it fits the continuing line. Blend it 
in with a Layer mask. Using the Clone tool, choose 
parts of the figure to copy downwards. Merge this 
layer down into the figure below it (they are both 
Normal mode; their hues will be unaffected). 
Merging Down applies the Layer mask on the top 
layer. Only do it once you're quite sure you're happy 
with your work. We then added a new Layer mask 
to the figure and softened the edges. 


9 | Now the draperies behind the figure are too 
pale. The composition would look better with 
an area closer in tone to the figure here. Duplicate 
the drapery layer, and change the mode of the 
upper of the two from Luminosity to Multiply. This 
instantly deepens the tone, but restores the yellow 
hue. In Hue/Saturation, change the values of the 
Multiply layer to Hue +140, Saturation -30, 
Lightness -20. This further deepens the tone, 
restores the dark greens and knocks the drapes into 
the background. > 
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Why? 


Pictures can inspire emotion, 
encourage exploration of the 
subject literally and 
metaphorically, or make inner 
landscapes visible. 


Why not? 


An element can be included 


symbolically, or simply 


because it's the right shape - 


don't get hung up on why you're 
including something. If you want 


to, that’s good enough! 
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10 The wings are a little too close to each other. 
Select just one (hide all the layers above them 
to make this easier) and move it away from the 
other. Then select them both and move back to the 
middle behind the figure. 


It's now time to attend to the water layer, 

which sits just above the background. The 
sandy hues aren't right for the cool palette we're 
creating, so, in Hue/Saturation, we changed the 
whole layer to blues. Decreasing the Saturation of 
the layer at the same time will also send it further 
back in aerial perspective. Finally, darkening the 
layer will help it to harmonise with the draperies. 
The values used are Hue +173, Saturation -50 and 
Lightness -12. 


16 | Turn all the layers back on; the image now 
looks a little similar in tone across the figure 
and draperies behind. Select all, copy merged 
(Shift+Ctrl/Command+C) and paste the entire 
image into a new layer at the top. Select Screen 
mode for this layer, and add a Layer mask, Hiding 
All. You can now paint highlights onto your image, 
to bring out the arms, folds of drapery and the face, 
without changing the file below. 


o The hue of the wings is too strong and 
unharmonious. Create a new layer beneath 
the wing layer, make a selection from the wings in 
their new positions, and fill this selection in the new 
layer with a green. Changing the upper wing layer 
to Luminosity mode will get rid of the jarring ochres 
for the moment. 


14 | Next, we want to bring the water around the 
figure to suggest that she might be emerging 
from it. Duplicate the water layer, bring the new 
layer in front of the figure and wings, and change its 
mode to Soft Light. This allows the layers behind it 
to show through, and heightens the contrast of the 
whole area slightly. 


17 | Continue to enliven the tonal range and 
strengthen the composition’s tonal balance by 
darkening the top and bottom of the image. Add a 
new layer in Multiply mode, paint gradients of a 
dark blue (chosen from the water area towards the 
bottom) inwards from the top and bottom, and 
move the layer between the wings and the figure. 
Give it an Opacity of about 50 per cent to blend. 


12 To bring back some subtlety to the wing colour, 
duplicate the wing layer again and change the 
mode to normal; move the Opacity to 80 per cent. 
Add a Layer mask, Hide All, and gently paint back in 
some of the gold and red colours over the top of the 
green. We've done this particularly at the top of the 
wings behind the body, to separate them from the 
figure and increase the impression of depth in this 
area. If you're running out of memory, it’s safe to 
remove this Layer mask as soon as you're happy 
with it; you can always duplicate the wing layer 
again if you change your mind. 


15 To make the landscape a little more defined 
and add a band of light to suggest a horizon. 
Hide all the layers except the background and the 
lower water layer. Copy and paste the ‘water+reeds' 
file into a layer above the water layer; move it 
downwards until its bottom edge is at the bottom of 
the picture, and in a Layer mask remove the top and 
bottom areas with the Gradient tool. 


18 At this rather late stage, we decided the wings 
were too large, and, linking all three wing 
layers (the filled green one, the Luminosity mode 
one and the Normal one), Transformed them until 
they looked more comfortable. 


Part 4: The final adjustments 


Improving the composition and removing unnecessary detail 


Real life 


Old objects which have worn and 
decayed, carry the marks of a life 
and tell a story. They give depth 
and veracity to computer art 
which can otherwise become too 
clean, surgical and unrelated to 


real experience. 


About what? 


Inspiration can come from a 
poem, a conversation, or a single 
word. Think about what is 
important to you. 


This scaling meant that areas of the top Screen 

layer didn't match what was underneath 
them; a Clone tool was used to paint out the 
‘echoes’ that appeared on each side of the wings. 


4 | The shadows still need a bit of depth. 
Duplicate the Screen layer of the Copy 
Merged file (the top layer), move it below the Soft 
Light water layer, and change the mode to Multiply. 
Fill the Layer mask with black and paint in new areas 
of deeper tone. (Turn off the Layer mask — Disable 
Layer Mask in the pulldown menu under Layer in 
the top bar - to check where the additional tone 
looks good.) 


The water layer just above the background 

is currently at 100 per cent. This has been 
reduced to 75 per cent to give the impression of 
translucency and again bring out the architecture 
behind it. 


It is time to attend to the smaller details. The 
face can be lifted from the background by 
painting a highlight behind it in the top Screen layer. 


There is some door furniture to the left 

of the figure which is unnecessary. Hide all 
the layers except the background and the figure (so 
you can see where you need to make the changes), 
then clone out the bolt and padlock to clean up 
this area. 


8 | And that's it! The image is now finished, 
barring some minor touching up. To do this, 
first flatten your image. It's always a good idea to 
save the layered version first, then save the 
flattened file separately. This enables you to make 
changes to the image if you have more ideas. 


A drop shadow for the draperies is made by 

duplicating the Luminosity mode drape layer, 
selecting Preserve Transparency in the Layer palette 
and filling it with a blue. Deselect Preserve 
Transparency and apply a Gaussian blur of around 
10 pixels. Move the layer downwards; make a 
selection of the Luminosity mode drapery layer 
below it and delete this unnecessary area of your 
drop shadow (<-). Change the Layer mode to 
Multiply, reduce the Opacity a little and move this 
layer below the Luminosity layer. 


To reveal the door verticals a little, which will 

enclose the composition, gently remove some 
of the ‘water+reeds’ layer in the Layer mask. We 
used a fairly large brush (150 pixels) at a low 
pressure of 25 per cent to bring out the vertical 
without removing all of the reeds. 


9 | The final job is to go over the whole file at a 
high magnification to pick up any small 
imperfections with the Clone tool. There's a lot less 
of this to do if you're using a digital camera. If you 
have scanned in slides or used a flatbed scanner 
there are likely to be bits and pieces of lint or dust 
that will need to be removed. EEE 
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1. Metro magazine 

This image is an illustration for an article about people suffering from sexual 
compulsion. The brief requested an illustration that was symbolic but not overtly 
sexual, and to suggest the morbid, obsessive desire to have sex, Michael focused 
on the root cause of the disorder — anxiety and depression, and the need to fill the 
void within. “I used the colour blue: blue cloud, blue flowers, blue eyes, to represent 


2. ‘Alternative Pick’ 

This personal piece has an intentionally dream-like quality; two birds wading at 
night through a mysterious blue swamp, with flowers sticking out orange tongues 
like streamers. The transformation between bird and man - or is it man and bird? - 
is left ambiguous. 


the illusion of fulfilment, and the needles and the scorpion to symbolise the pain 
and emptiness actually caused by the compulsive behaviour,” he says. 


Michael Morgenstern 


For this New York illustrator, being a visual artist means “using a medium to dream with, 
to capture thoughts with, the way a writer captures words...” 


f there’s something dream-like about the 
illustrations on these pages, it could be 
something to do with the fact that their creator 

i has barely wiped the sleep from his eyes 
before starting work on them at 5.30am. It may also 
have something to do with the many sleepless nights 
he's devoted to an artistic habit that has evolved into a 
full-time occupation. 

But when New York-based Michael explains the 
themes behind each individual illustration, it becomes 
clear that any oneiric elements are the result of a visual 
language that he has refined in Photoshop for over a 
decade. “If | had a complete vision of what | wanted to 
do before | sat down to do it, it would be more of a job 
and less of an adventure,” he says. “Photoshop has 
allowed me to mix media and to experiment with an 
ease and a speed that is liberating.” 

He's mixed media across an impressive mix of 
media too, with a portfolio that includes book covers 
for Random House, illustrations for The Washington 
Post magazine, The New York Times, Sony, Polygram - 
the list goes on, and even namechecks Adobe itself. He 
acknowledges the occasional prickle of tension that his 


| 
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impressive back catalogue casts over the creative 
process, but the high expectations of clients are 
unlikely to interfere once he’s in front of his monitor, 
Wacom pen in hand. “I try not to think too much about 
my style while I’m working,” he says. “It’s better to just 
dive in.” 


Digital vision 

This style, with its characterful use of scanned and 
manipulated faces, magic realist logic and tactile 
textures, owes much to a background in the traditional 
disciplines of drawing, painting and collage, as well 
as the study of film and photography. His inspirations 
are almost entirely drawn from traditional art history, 
though illustrators such as Brad Holland, Marshall 
Arisman and Heinrich Drescher have also caught 

his eye. 

Any desire to be in touch with his materials soon 
wears off, however, and he refuses to be drawn back 
into the world of traditional art for long. “| bought a 
whole bunch of paint, cleared out a section of my 
studio and prepared a canvas or two,” he recalls. > 


Make some noise 


Regardless of your level of expertise, the 
pressure of deadlines will always give rise 
to creative shortcuts. Here's how to get 
more out of Photoshop, the Morgenstern 
way: “The filter | use most is the Noise 
filter. | can render just about any 
symmetrical object needed in my 
illustrations by using the Selection tools 
and filling the selection with shades of 
grey. (It's basic masking/airbrush 
technique). Adding some noise with the 
Noise filter makes it photo-realistic. Then 
you can give the object colour using the 
colour balance feature. It’s a handy trick to 


know when you have to work fast.” 
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1. ‘Shades of Simon Gray’, Delacorte Press (Random House) 
Shades of Simon Gray is a forthcoming novel by Joyce 
McDonald, whose protagonist is a high school pupil in a coma. 
Crows are central symbols in the story, serving as a kind of 
bridge between worlds. “I chose to illustrate this by 
superimposing the eye of the crow over the eye of Simon, as if 
the boy was looking out at the world through the crow’s eye. | 
also made his body translucent, with stars showing through, and 
a suggestion of digital circuitry in his head,” Michael explains. 


2. ‘Lives of Quiet Desperation’, Baltimore magazine, 2001 

This biographical illustration relates to an article about a man 
who suffers from acute agoraphobia. He had many phobias from 
a young age, including the belief that if you part your hair on the 
wrong side, you will develop cracks in your skull. He feared a 
hovering green mist beyond the walls of his house, and would 
keep heavy shades over his windows to prevent this fog from 
entering. He ended up spending most of his adult life 
barricaded behind the doors of his mother’s home, drinking beer 
and playing poker with his brother. 


The relationship between object and texture in 
Michael's work is an aspect that he concentrates on 
so he controls the feeling of motion within a single 
image. Despite dabbling with personal animation 
projects, the still frame provides him with sufficient 
challenge and satisfaction in this area. “There's a 
sense of movement you can achieve by composing the 


elements, and it makes me very happy when I'm able 


to put together a montage puzzle in such a way that all 


of the parts compliment each other and there’s a 


~—sense of movement within the frame,” he says. 


“But before | knew it, new illustration assignments 
were rolling in, and | prefer illustrating with the 
computer.” He adds that while he likes certain physical 
aspects of traditional techniques, it would be ideal if 
someone designed a special glove that enabled the 
user to stand in the middle of the room, working in 
Photoshop on a giant virtual canvas. 

Before booting up his Mac and starting work ona 
new commission, Michael reads the text until a feeling 
develops. This often starts out as a very specific idea, 
but his intuitive working methods mean change is a 
constant. His best ideas come to him when he’s 
working visually and repositioning elements onscreen, 
so the ability to experiment at pace in Photoshop is 
all-important. “I’m able to work at a fast pace to keep 
up with my imagination,” he says. “I’m able to save a 
version of an idea immediately then modify it into 
something new. It makes it easier to take risks without 
losing the best things that happen along the way. If you 
were to paint over a painting and you didn't like the 
changes, it would be pretty hard to get it back to the 
way it was before.” 


Life through a lens 


Michael introduces his online portfolio by pointing out 
the interplay between the objects he selects and the 
textures he uses to create them, and this element is 


undoubtedly one of the most striking aspects of his 
style, for the sheer variety alone. 

Once again, it boils down to an instinctive quality. “I 
think the key to using textures in Photoshop is in using 
your eyes and imagination. A key for any artist is to 
develop his or her eye, which makes lines and textures 
come to life,” he explains. “| developed my eye by 
looking through a camera for many years. As for the 
imagination, it’s helpful to have a strong imagination to 
begin with.” 

With the commissions coming in thick and fast, 
Michael forecasts more of the same for the future. 
When it comes to dealing with the less ethereal reality 
of the digital artist - the world of business, financial 
risk and self-promotion - he finds to his surprise that 
he's not only adapted to it, but that he’s actually 
enjoying it, too. 

After ten years of creating art, doesn't it ever cross 
his mind that he might burn out? “If | ever feel like I've 
spent time on too many illustrations in a row and | 
really need to cut loose, I'L open up my art files on my 
computer and make whatever | want, just for myself,” he 
says. “It’s very important to make things just for 
yourself. You have to keep growing.” GEES 


The eyes have it 


into an article or story, Michael’s characters often stare directly out at you from the frame, 


even though they're by no means guaranteed to have a human body. “| create my faces by 


Like many artists whose work is displayed on book covers or used to draw a reader's attention 


willing you to meet their gaze. While the cast he has assembled to populate his images may 


veer from urbane Victorian gent to untrustworthy doctor, all possess his stylistic signature - 


scanning in photographs, and working with them in different ways to create characters who 
might fit into one illustration or another,” he says. “Usually one of the eyes will be different to 
the other. If you look closely at a person's face, this happens in nature as well: one eye looks 
different to the other. | also like making my faces complex, because people are complicated 


and have different sides and emotions - and | want my characters to have a little personality.” 


3. ‘Hackers’ Computerworld magazine, 2000 
These ninja hackers are attempting to infiltrate the fortress of corporate systems, with a force 
field used to represent the corresponding article's focus on technological counter measures. 


4. ‘Bad Doctors’ The Washington Post, June 2000 

This article, for the Health Section of The Washington Post, was about a doctor whose 
malpractice caused harm to several patients over time, and yet he was able to hide this from 
new clients. To convey the doctor's hidden sinister side, Michael morphed his stethoscope 
into a snake. 


5. ‘The Dark Side of Ebay’ Forbes 

This was for an article attempting to expose the ‘dark side’ of Ebay, involving con artists 
preying on inexperienced Ebay users. Ebay’s ‘rating scale’ is held over the head of a novice 
by a blackmailer, threatening him with a negative rating. On the table, an offer is being made 
with strings attached. Under the table, a cat and mouse mirror the way the novice is being 
toyed with above. 


6. ‘Packing it In’ and ‘Taxman’, Bloomberg Wealth Manager 

These two images form part of a series for Bloomberg Wealth Manager magazine. The camel is 
intended as a symbol of a living place to store wealth, and in both images they're travelling 
across the ‘desert of time’ to unite with the investor's heirs. 
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Screen print effects. 


Attempting to create a convincing old screen 
print effect for an illustration may look daunting at 


first, but is quite simple in practice... 


Ai he trick to designing a screen 
print effect that works is to 

y balance the composition: too 
{ i much clutter and the design's 
dynamics are lost in the ether: too little 
and there's no point in having texture 
there at all — not a bad thing if that’s the 
effect you’re after. 

You can also see how things look 
without the texture, if you prefer to go 
bold, as it were. We based the general 
look of the illustration on the numerous 


calling cards that can be found cluttering 
the phone boxes and pavements of your 
average big city, because this seems to 
be a trend at the moment... especially for 
splash pages at many design-orientated 
Web portals. But the image was also 
inspired by the screen prints of 
American artist Seymour Chwast and 
late 60s/early 70s illustrator Martin 
Sharp. Fine artist Ed Ruscha’s eerie 
abstract figures were also an inspiration, 
more so than any Photoshop filter. 


Part 1: Preparing the canvas 


We'll start by converting our image to paths using Adobe Streamline 


Choosing 
photographs 


With a search engine such as 
AltaVista you can find hundreds 
of different photos of any given 
subject at the click of a button. 
If you do use a copyrighted 
image, it is of paramount 
importance that you alter the 
image to such a degree that the 
original is unrecognisable. For 
the purposes of this tutorial, you 
can save and use a file from any 
source because we are 
sufficiently altering the image to 
avoid any copyright problems. 


Cover CD 


We're using Streamline here, but 
if you don't have this, then the 
converted files are on the CD 
(girl-01.eps in this case), which 
Photoshop will rasterize as it 
imports. Choose to raster at a 
larger size than your original 
canvas to allow for composition 
and positioning. 
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@ Create a Photoshop canvas at 300dpi RGB 
measuring 230mm (W) x 148mm (H) with a 
white background. Select a good strong purple/pink 
RGB shade. Here we've used R:255 G:123 B:238. 


4 | Open Adobe Streamline — we are using 
version 3.0. Set the conversion sliders and 
check boxes as in the still — use them for everything 
you convert in this tutorial. Streamline converts 
bitmap images to paths so it's best that you define 
the source images as much as possible using 
Photoshop...we'll cover that next. 


Adjust the level sliders to remove even more 

grey. Level sliders are usually the best way to 
increase contrast in an image because they don't 
destroy pixel information like the Brightness/ 
Contrast command does. Here we are using them 
as an extra touch, and for the purpose of this 
section of the tutorial, the destruction of pixels is 
not really an issue! 


2) Select the entire canvas and fill at 100 per cent 
Opacity with your newly selected foreground 
colour. Don't worry that you are selecting an out of 
gamut colour — it isn't important if you work in 
CMYK preview (not shown on these grabs). 
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Setting an action in Photoshop to cover the 

next few steps is recommended, but you'll 
have to tweak each individual stage manually for 
any given photograph, so we'll go through each 
step with an image for our guide. Set Actions to 
Button mode for this. First up, desaturate the image. 


You can apply the Gaussian blur in this image 

before or after you adjust the Brightness/ 
Contrast or levels — it all depends on the tonal range 
of the original photograph. Adding the Blur filter at 
something in-between 10 and 20 helps Streamline 
provide smooth edges, but don't go overboard or 
you'll end up with vector blobs! The important thing 
is to experiment. Use the action to cover all steps 
because it will simply save time, but be prepared to 
adjust your original settings by hand if required. 
Finally, hit Ctri/Command-R in Streamline to 
convert your images to paths. Simple. 


3] Select a photograph of your choice for this 
next stage. We're using Adobe Streamline to 
convert the image into paths. You can even use a 
72dpi file and resize it to around 200dpi. As long as 
you retain most of the image shape and form, the 
anti-aliasing won't be a problem. 


G We need to bang the contrast right up to 
eliminate a good deal of the grey areas (you 
don't have to get rid of all grey tone because that 
leaves little for Streamline to convert, and you need 
to retain a good percentage of line recognition). You 
can see why the Button mode is handy here. One 
photo may have more grey than another... use your 
own judgement. 


oO Choose another photograph (anything you 
like, although for the purpose of this tutorial, 
try and find a human!) and repeat steps 3-8, or 
open girl-02.eps on the CD and rasterize, as in step 
3. Flatten both images (or not, depending on the 
effect you require, try both for different effects) and 
copy and paste onto your original PS document. > 


Photoshop Special | 59 | 
arts 


Part 2: Adding colour and texture 


Experimenting with the layer hierarchy to create variations across the canvas 


Resizing 

Don't worry unnecessarily if 
re-sizing creates jagged edges, 
it's not particularly a problem 
unless you wish to keep the 
image texture-free at the end. If 
this happens and you are 
concerned, you'll have to 
carefully calculate the size of 
your vectors as you rasterize or 
go to File>Preferences (or 
Ctr/Command>k) and play 
around with the interpolation 
settings. Bicubic is better, but 
strangely enough, Nearest 
Neighbour works very well under 
certain conditions. 


Cropping 


Remember to crop every now 
and again to cut down the file 
size. Of course it’s preferable if 
you don't, because it will deny 
you a lot of leeway with 
composition and you'll have to 
be sure everything is where 
you want it. But it keeps the 
bytes down. 


File bleeds 


Make sure that all files bleed 
from the edge of your canvas. The 
source files are 10mm larger to 
help you do this without re-sizing 
and anti-aliasing, should that 
bother you. 


Photoshop Special 


g Choose soft light from the Layer Effects menu 
for each layer. Duplicate each layer a few 
times if you wish to strengthen the image, although 
you can do this further down the line. As you can 
see here, we have duplicated the first girl and 
resized her to create more tone and variation. 


| 4 | Open blur.tif on the CD and copy and paste 
onto the canvas, again selecting soft light for 
this layer and duplicating. This adds glows and 
washes to the block colours we have so far. 


Streamline another photo (keep a selection 

handy before you even start the tutorial) or 
open girl-06.eps on the CD. Rasterize as before and 
treat in much the same way as the other elements of 
the illustration so far. But we need to make this girl a 
key feature of the design, so duplicate the layer five 
or six times to achieve the burned-in effect you see 
here. Try and use multiple soft light layers if memory 
allows: it's far more effective than using a single 
colour burn layer, and will also allow you more 
control over the degree of ‘burn.’ 


Use Streamline, or open girl-03.eps and 
girl-04.eps on the CD. If you have Adobe 
Illustrator or a similar illustration package, feel free 
to open these files and play around to your heart's 
content before taking them back into Photoshop. 
Copy and paste one or both onto the original 
canvas, flattening beforehand if you wish. Position 
the images as you see fit: don't feel that they have 
to go where they are on this illustration. Also open 
numbers.tif on the CD and drag and multiply, 
positioning somewhere to the right of the canvas. 


Open muck.tif on the CD. Drag and drop (or 

copy and paste) and multiply. Play around with 
the layer hierarchy to achieve subtle variations in 
texture and tone, and as ever, duplicate those layers 
to beef up the contrast and depth if you like. 


8 | Close girl-O6 or open in another window 
(rename the file in order to open) but this time 
raster it large and don't flatten. If you don't flatten 
the image before you cut and paste, the girl's face 
will remain white while the rest of the image will be 
transparent. Re-size but keep at a much larger size 
as in the picture above. Duplicate several times as 
before, even hiding layers underneath to gain the 
required contrast. 


Streamline a photo or open girl-05.eps on the 
CD and repeat these steps, dragging and 
dropping (copy and pasting) onto your canvas. You 
will notice other layers in the screengrab that aren't 
discussed here. These ended up on the cutting room 

floor, but there is nothing to stop you using your 
own textures at any stage. Drag and drop - 
experiment, it's not important to do exactly what 
you read here as long as you follow the basic flow. 


Ga Adjust the colour balance of the muck.tif layer 
to your liking to create subtle colour changes 
and variations across the entire canvas. The tones of 
each layer will interact with other layers and create 
subtle yet interesting effects. 


9 | And here we have an almost complete 
illustration. You can leave this image as it is, 
flattening the whole thing and converting to CMYK 
if you need to print (if you kept CMYK preview on, 
this should be pretty painless). If you want to work 
further on the image, then read on... 


Part 3: Final layer adjustments 


In the next few steps we'll turn this unfinished image into a finished piece, at least for the most part... 
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eh Open outline-girl.eps on the CD at a large 
size. Again, don't flatten this image and you 
will achieve a similar effect as we did with the 
previous layer. This key-line style image can be 
created in ///ustrator using any of the files provided, 
so don't feel restricted if you have access to vectors. 


fale 


e Copy and paste onto the canvas and 
re-position at will, playing around with the 
number of layers. You can even copy the layer and 
nudge the copy a few pixels in the direction of your 
choice to create an off-register effect. Play around 
but keep the overall clarity of the design in mind. 


And this is the result of said deletion. The block 

colour contrasts extremely well with the 
controlled texture and chaos of the background. 
You can see that too much text (even with the 
decorative qualities of Katakana and Hiragana) is 
simply too much when competing for attention with 
the other type. 


Another option here is to open the 
oriental-love.eps on the CD and bring it down 
until it is under the outline-girl.eps. You can see how 
the two styles of illustration fit comfortably together 
if you play for a while. In this case we selected the 
Japanese text and deleted it to regain some balance. 


3 | Open circle.eps on the CD and copy and paste 
as usual. Place the shape (adjusting the colours 
before hand in ///ustrator if you like) over the face 
area of the larger girl graphic. You can make this 
‘frame’ as subtle or as strong as you choose. 


G The final image, at least for the whole part. At 
this point, flatten and save a file for print and 
keep a layered file somewhere to go back to. As 
stated earlier, RGB>CMYK conversion should be a 
piece of cake for this style of illustration, providing 
that you're working with CMYK preview on. 


Part 4: Variations on the ending 


With a few simple adjustments, you can change the feel and look of 
your image, sometimes with better results than you expect 


Now try removing the texture and blur layers 

to see how your illustration would look with a 
more clean graphic look. Both approaches have 
their uses, and the beauty here is that it’s simply a 
matter of removing a few layers in Photoshop to 
please a client. Above all, clients like to have the 


The final method is to use your image solely as 
a background texture, or maybe as a halfway 
house for a background to some nifty page design, 


Another variation on the theme — duplicate the 
base/background layers, invert and run 


through the filters and change contrasts to give the 
image a different hue. You can also use the 
Hue/Saturation box. Simple but effective. 


choice and final say. Working like this gives you 
maximum flexibility in the minimum possible time. 


providing that you get the tones right. This is 
another opportunity to play with hues and blur 


filters on individual layers. 


Photoshop Special | 61 | 
arts 


Illustrations: Kerry Roper [t] 07976 774820 [e] roper_k@hotmail.com [w] www.youarebeautiful.co.uk 
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_ The craft of typography 


From the Gutenberg Press to Photoshop, typography has come a long way... but with 
formal training on the wane and individualism on the rise, where's it going next? 


Typography is the mechanical notation and 
a arrangement of language used to make 
i i multiple copies, whether by printed or 

Wi electronic means. Its history in the West dates 
from Gutenberg’s 42-line Bible of 1455 although the 
history of writing and the alphabet itself is much older. 
Now that everyone with access to a personal computer 
has the power to be a typographer or type designer, 
there is an even greater need for a comprehensive 
introduction to these subjects. With the belief that 
typography is a practical art in the service of the 
message and not fashion.” 
Phil Baines, Type and Typography. 

The list of books, articles, papers and so on 
discussing the subject of typography is endless. Every 
aspect of the medium is discussed, analysed, 
dissected and questioned. But what do we, as visual 
communicators, do with this information? Where do we 
find our influences? 


i Tracing back through history, many typographers from 


the last 100 years have been influenced by the 

~ movements happening around them as they were 
learning, teaching and designing. The Arts and Crafts 
movement from 1870 through to the early 1900s was a 
major influence on later movements. It was largely 
dedicated to writers, artists, architects, designers and 
craftworkers, and the development and understanding 
of those skills. 

Cubism, concentrating on the discovery of 
multi-dimensional objects, and later Futurism, in the 
early 1900s encouraged the typographic designer to 
challenge the printed page and embrace change rather 
than predictability. Dadaism, also a literary movement 
like Futurism, was developed in Switzerland and 
attempted to challenge established values and beliefs. 
The need to shock called for new forms of visual 
communication and bold typography and photo- 
montage emerged during this period. Without the use 
of technology and computers which we rely upon today, 
this became a new and innovative opening for 


Bodoni is a classic, modern typeface — the original version was 
named after the 18th century typesetter Giambattista Bodoni. 


An example of an old style typeface — the example shown is 
Garamond, based on Claude Garamond’s 16th century designs. 


communication styles. lypographers became more 
than purely lettering experts. 

The Russian movement of Constructivism really 
began to influence typographic design. The use of 
sans serif faces gave the revolution an identity, in 
turn influencing Bauhaus (meaning ‘building house’) 
which also became an incredibly influential period. 
Founded in 1919 in Germany, it ran under the direction 
of Walter Gropius, whose ability to attract outstanding 
talents to the school had a large influence on graphic 
design of the era. 

The movement encouraged new ideas developed by 
De Stijl (a Dutch art movement meaning ‘The Style’), 
and Constructivism. Bauhaus, and its reliance ona grid 
system, sans serif faces and rationality within designs, 
provided a direct follow-on for the New Typography 
and, later, the International Typographic Style, also 
known as Swiss Style. 

This era saw the emergence of designers such as 
Herbert Bayer, Eric Gill (designer of Gill, Joanna and > 


Photoshop Special | 63 | 
arts 


, » (@ROSSBAR}— 


Every complex subject has a language of its own 
and typography is no exception. 
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Aries typefaces), Jan Tschichold and Piet Zwart, who in 
turn influenced so many designers later in the century. 

The New Typography developed throughout Europe 
in the 1920s and 1930s, had many aspects of previous 
movements such as De Stijl and Constructivism. 
Tschichold, designer of the typeface Sabon, the first 
typeface to be designed for Monotype, was a key figure 
in this movement. 

Sans serif faces and asymmetric layouts with 
geometric influences were signatures of this period. In 
1928, Tschichold wrote Die Neue Typographie. This 
book proved to be highly influential, and after the 
Second World War, some 20 years after it was written, 
its principles were explored in America and 
Switzerland, which resulted in the evolution of the 
International Typographic Style. 


The International Typographic Style continued the use 
of the grid system and, predictably, the sans serif 
lettering, but started to introduce the use of 
photographs rather than illustrations. 

The narrow set, range left columns and the 
adoption of typefaces such as Helvetica became 
recognisable as its style. The movement extended 
right through to the 60s and 70s. By the late 70s the 
style was becoming predictable and was challenged 
by new designers such as Wolfgang Weingart and 
April Greiman. 

Weingart’s experimentation with layering and 
contrasting elements made possible by advances 
in technology and photolithography encouraged 
ideas of collage. His work was highly respected and 
proved to be a welcome relief to the predictability of 
previous years. 

Weingart taught students such as April Greiman, 
herself an influential American designer. She explored 
the use of imagery and layering effects and was a key 
figure in the emergent New Wave graphic design era of 
the 70s. She has designed for Benetton, Xerox and 
Esprit, and many see her as one of the first to embrace 
the burgeoning technology using typography in 
conjunction with photo-manipulation. 
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Univers is one example of a sans serif typeface. Designed by a 
Swedish student, Adrian Frutiger, it first appeared in 1957. 


Shock of the new? 


Now however, things are a little different. So what 
makes what we do, as designers, illustrators and 
typographers, special? The way we move type around 
is slightly different to the way people moved typed 
around six months or a year ago. We range it right 
instead of left. We tighten the leading much more than 
anyone working on Raygun would have done. We 
reverse it out of black and cream, rather than a solid 


colour. But this doesn't necessarily make it new 
or innovative. 

Is it as amazing as when Eric Gill carved letters into 
stone in the 1900s, or when the first sans serif typeface 
was designed in 1816? Or when woodblock printing was 
used in 1400? Perhaps the craft of typography has lost 
its ‘craft’. Is being a typographer now defined as being 
able to set a block of 10pt Helvetica using key 
commands in Quark, rather than measuring a four 
column grid, each column measuring a width of 14 
picas with a 1.5 pica column gutter, and knowing that 
one pica is equal to 12 points? 

Quite possibly, we don't even need to know this kind 
of theory any longer. Anyone with a small amount of 
Mac or PC training can set a block of type, but this 
doesn't always make them a typographer. Should the 
status of ‘typographer’ be earnt, or is it a craft that can 
be learnt from the glossary of the Quark or 
Fontographer manuals? 

Advances in programs such as Photoshop, Quark 
and Fontographer mean it is even easier to set type, 
with even less knowledge of the subject than ever 
before. Many old-school designers can be quoted on 
the subject of how the Apple Mac has changed the 
business of design, enabling more laymen to become 
designers than ever before. But you could argue 
whether can be said of typographers. 

When setting a body of text, does the phrase 12 on 
12 mean as much as it used to? Measurements such as 
these seem to have turned into a series of figures, 
deprived of their actual meaning. (In case you 
were wondering, 12 on 12 means 12pt type set with 
12pt leading, or having no extra space between the 
lines. 12 on 13 means 12pt type with 13pt leading: 1 
extra point of leading having been added, 12 on 14, two 
extra points of leading, and so on. This derives from the 


days of letterpress, when actual strips of lead were 
placed between the lines of metal type, as spacing.) 
The computer revolution has, undoubtedly, brought 
about changes in the business of design. New versions 
of programs launch constantly, all of which claim to be 
better than their predecessors. Disciplines are closer, 
and an illustrator working in Photoshop can now 
competently add type, and design with type more 
easily than ever before. This has obvious benefits and 
even typefaces can be designed on the Mac five times 
more quickly than they were 200 years ago. There is a 
danger that the word ‘specialist’ no longer applies, but 
on the flipside, the fact that just about anyone can bea 
typographer opens up avenues across specialisms. 


Understanding the basics 


Advances in Photoshop enable the modern 
designer/illustrator/typographer to explore new areas 
of discipline. Composition of images is infinitely 
quicker than by hand and the ability to move type 
around onscreen is an advantage. 

Some say, however, you can only discover the real 
value of type and letters when you have held them 
individually and separately by hand, laying them out on 
a pad, and moving them around. The best approach is 
not always the traditional one, but before the rules of 
typography can be broken, or type can be treated 
unconventionally, there must be a certain amount of 
understanding of the subject. 

You can't replace a basic foundation of manual 
layout and composition with the ‘help’ section in 


Photoshop or Quark. While the opportunities and 
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Originating in England in 1845, Clarendon is a slab serif 
typeface, intended as a heavier complement to serif designs. 
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possibilities in Photoshop are vast, and far beyond 
what Gill or Tschichold could ever have imagined, the 
basics and theory of typography shouldn't be forgotten. 
The amazing possibilities offered by today’s software 
are surely just reminders of all the theory and hard 
work that underpins typography as a specialism. 
We could never have achieved this level of typesetting 
with technology, if it wasn't for the last 2,000 years 
of discovery. 

With the introduction of machines: letterpress, 
followed by lithographic printing, and now digital 
printing, new methods of design with type have 


evolved. Experimentation with photocopiers among 
other things may have led the ‘Photoshop revolution’ 
causing photo-manipulation to become a standard 
form of communication, bringing type with it. 

Type and letters have become something that 
Photoshop users can class as just another element. 
Type becomes image. A subject of many books. 
Photoshop has undoubtedly broadened opportunities 
for users to experiment with type and letters as never 
before. April Greiman designed in this style, although 
her work was originally created by hand, due to the lack 
of technology. 

Vaughan Oliver also led the way somewhat in this 
style. He has been quoted in previous interviews as 
saying that his lack of formal typographic training 
enabled him to develop his style. Without a 
typographic specialist education to fall back on, Oliver 
taught himself by experimentation, which is how the 
life-like, tactile quality to his work evolved. His designs 
were crafted by hand with layered images, prints, 
accidents, type, fax paper and so on: a style which 
many artists try and reproduce today in Photoshop. 


The freedom to experiment 


With Photoshop's many filter options, it is easy to 
create multi-layered, texture rich images that hark 
back to some of the crafts of a pre- Photoshop era. It 
also brings us something new: ways to experiment and 
design as never seen before. Words are as prolific in 
this area as a photograph or the colour blue or a spot of 
random ink, and it is here that type takes ona different 
slant. The type, or individual letters, or blurred 
paragraphs become an intrinsic part of the image, 
communicating as much as a photograph can. 

By using type in this way, the creator has the ability 
to decide whether that particular piece of text should 
be read and understood, be part-read or simply act as 
‘noise’, to lead the viewer towards thinking or reacting 
a certain way. Typography takes on a different 
communicative role than is generally the case, and it is 
this differentiation that drives the designer, 
typographer or illustrator to design in such a way. The 
freedom that Photoshop gives the designer is often the 
only lure needed to encourage experimentation. 

Aside from this, the fact remains that due care and 
consideration should still be given to typography within 
designs or illustrations or Web media. No matter how 
sophisticated Quark or Photoshop get, badly-set type 
is still unsightly and can be uncommunicative. The 
theories of typography may not be understood to the 
extent that they once were, but this shouldn't 
undermine their importance. As quoted earlier, the fact 
that there are now so many opportunities for people 
who aren't typographers to design with type, means 
that an understanding of typography is probably just as 
important as ever before. 


Black and white and read all over 


Legibility is still, as always, a key part of the specialism 
and an issue which surfaces in many studies, articles, 
books and papers discussing typography. The use of 
type and individual letters are still generally intended 
to be recognised as shapes, individual letters or as a 
body of copy. Again, badly-set type, whether it is 
intended to be read or not, can still hinder 
communication and look ugly, damaging the overall > 


3 


SANS SERIF-UNIVERS 


The amazing possibilities offered by today’s 
software are just reminders of the theory and hard 
work that underpins typography as a specialism. 
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| Times New Roman 


Digital typesetting is a bit of a mixed blessing: it 
can produce letterforms that are hard to read. 
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This transitional typeface is known as Baskerville - a style 
created by British printer John Baskerville in about 1752. 


composition of the piece. An instinct for choosing 
typefaces sympathetic to the subject, applying 
spacing, leading, kerning and tracking is still an 
important part of achieving well-set typography, 
whatever the required purpose. 

For example, capital letters are more legible as 
individual letters than lower case, yet when dealing 
with words or paragraphs, lower case is more legible 
within a body of text than capitals. This is no 
coincidence. Lower case letters are designed with this 
in mind and reflect the reader’s need to read them 
quickly, easily and efficiently. Lighter strokes are used 
for lower case: the actual forms of the letters take a 
rounder, or more open feel than the capitals. This then 
creates more open space between, around and within 
the letters themselves giving the paragraph an overall 
lighter feel. It also appears less dense in colour, which 
in turn helps the eye to read faster. 

The same applies to leading and paragraph spacing. 
Adding a little extra space between lines can often 
‘lighten’ the appearance of a block of text, making it 
easier for the reader to stay focused on the text. Line 
length also has significant effect on the speed of 
reading. If the line length is too great, the eye will find it 
difficult to follow without drifting up or down to other 
lines. Moving back to read the next line may prove 
difficult without following back along the length of the 
line with your finger. In contrast, if the line length is too 
short, it’s difficult to set any text with words greater 
than about four or five letters. 

Similar guidelines apply to the use of serif and sans 
serif faces. A sans serif face is often easier to read 
when the point size is very small. Again, this comes 
down to the use of space within a small area. How the 
document is going to be printed can also have an effect 
upon the quality of the typography. If the point size is 
very small, and being printed from four colours, the 
chance of mis-registration is greater than if the 
reproduction is mono, where only one colour is printed. 
A small serif face may appear to have ‘bled’ if it is 
reproduced very small, because the serifs may appear 
to run together. Sans serif, however, which is a less 
intricate and a more common stroke width, is more 
dependable when reproduced very small. The fact 
there is less variation between the intricacies of the 
letters increases legibility. 

Size is an important but often overlooked part of 
typographic design. Choosing the correct balance and 
sizing of individual elements can either lead to a 
perfect composition, or a piece of work where the eye 
isn't attracted to anything in particular. One approach 
is that there should be a single primary point of 
attraction, followed by a second and then a third. This 
can be achieved by the size and scale of particular 
items, and also by space. 

Creating the right amount of space around an item 
has a similar impact to changing an image, or changing 


the typeface. Making something larger, isn't always the 
best way to attract the eye. Learning how to use space 
wisely is a very visual process, and ultimately it’s the 
designer’s decision as to whether or not a piece ‘works’. 
Also, take care not to use too many typefaces in 
one design or you'll end up with a confusing mass 
without any distinction between sections. Point size 
should also be considered carefully. Some designers 
think that 9pt type shouldn't really be used with 10pt, 
and 14pt should not really be used with 16pt. The 
difference in the sizes is not significant enough for 
them to be used together or create any kind of impact. 
Eye-catching headlines or subheads should have a 
greater distinction between two sizes. In good design, 
the smallest of elements is as important as any other. 


What next? 


So, given the invention of new technologies and the 
declining emphasis on craftsmanships and art 
movements, where are today’s influences? Although 
the history of the last 100 years has influenced the path 
many designers have travelled, what follows? 

Now that readily available technology has made it 
possible for anyone to be part of the creative process, 
formal training is no longer compulsory. However, the 
loss of a basic typographic education means that many 
of today’s typographers are working without any real 
theoretical grounding. Artists are placing a greater 
emphasis on what their contemporaries are doing, and 
are motivated by a simple need to be visually different 
from them and nothing more. 

The market is more open than ever before, focuses 
are wider and specialisms are blending into each other. 
Perhaps this will form an art movement of its own 
which people will reflect upon in 30 years time. How 
about the ‘Utilitarlan Movement’?, or the ‘Everyone is a 
Designer Movement’? 

Perhaps designers.and typographers will feel the 
need to distinguish themselves from self-taught 
designers, and revert back to working with grids and 
structured layouts as we have seen with the Swiss 
Style and New Typography. Times change, roles 
change, definitions change, boundaries change. Maybe 
we'll travel full circle, and revert back to the 
craftsmanship and specialisms of the 20th century. 
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The art of promotion 


Creating marketing materials doesn't have to be a bland 
task — today's artwork is contemporary, diverse and inspiring, 
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as well as commercial, so experiment... 


f your brief is to create an 
image that will be used on 
marketing materials, such 

i as brochures and the 
regular DV magazines, then you'll need 
to create something that is visually 
striking, dynamic, and also commercial. 

For this project, the commission was 
to create an image to promote Digital 
Visions’ new /n The Black collection. 
Photoshop's layering and masking 
effects were useful here, and also its 
Layer options: these features enable you 


to manipulate and experiment without 
destroying the data in your images. 

The image was created using these 
features, so we will be able to go back to 
the illustration later and change it as 
required. For example, we can remove 
the photograph of the model and replace 
her with a different photograph, or 
change the colours and layout. 

In the tutorial, we've also looked at 
some print production issues that will be 
of use to you if you’re preparing artwork 
that’s destined for print. 


—_————— 


Part 1: Background 


To start, we'll create the background for the composition. The important thing to note is 
that we can go back and change these background elements later with minimum effort 


PC and Mac 


This image was created ona 
Mac but if you're working ona 
PC, then substitute Ctrl for 
Command, mouse 2 for Ctrl and 
Alt for Option. 


Gamut warning 


As well as working with the 
CMYK preview active, you may 
also find it useful to see colours 
that are out of gamut, that is, 
colours that are out of the range 
of printing inks. To do this, press 
Command+Shift+Y. Out of 
Gamut colours will be greyed out. 
You can also do this when picking 
colours, this will help you to pick 
colours that will print properly. Of 
course, if you're using Pantone 
colours, you won't need to do this. 


_———————————— 


Name: | In The Black Illustration 


Image Size: 12.9M 
wiatn:[2—] em 18) 
Hetghe [14 ](em 3) 


Resolution: [300 ](pmetsanc__[2) | 
Mode:(RGB Color 12) 


Contents 
Q White 
© Background Color 
@ Transparent 


We're working for print, so you need to 

set up your canvas at the correct resolution. 
Unless your printer specifies otherwise, set your 
canvas at 300dpi and the colour space to RGB. 
We'll convert the image to CMYK later. Set the 
size of your document to 23x14cm, set the 
background to Transparent, name the project, hit 
OK and you're done. 


Open image 492027 from the CD. We're - — 

going to colour up the image later, so the first To create the base layer for the image, drag 
thing is to turn the image to greyscale. Do this by the greyscale image onto your blank canvas. 
going to the Image Menu>Mode>Greyscale. Click To transform the image to fit, hit Command+T 
OK to apply the changes. Usually we wouldn't to bring up the Transformation tool and rotate 
recommend greyscale images in this way, but in this and scale until it looks like this. Hit Return or 
case, we're adding colour later. double-click to apply the changes. 


4 | We'll drop the Opacity of the greyscale 
image now. Click on layer 1 in the Layers 
palette and hit Command+backspace. This fills the 
layer with your background colour, which is set to 
white by default. For your reference, hitting We want a very detailed background, so we'll 


G Next we'll add some colour to the 
background. Use an adjustment layer to do 
this because you can always go back and amend 
any changes you've made at a later stage. Go to 
Layer>New>Adjustment layer and choose Curves. 
Adjust only the midtones of the blue channel, and 
click OK. When you've applied the adjustment 
layer, you can toggle its effects by clicking on its 
icon in the Layers palette. 


Option+backspace fills it with the foreground 
colour. Click back on the greyscale layer and adjust 
its Opacity to 20 per cent by pressing the number 2 
key on your keyboard. Go to the Layer options in 
the Layers palette and select Flatten Image. 


add some more elements now. Open image 
536050 and repeat steps 2-3. We'll now place this 
image into the composition as shown here. Set the 
Layer Apply mode to Darken, and again, set the 
Opacity to 20 per cent. Flatten the image. 


7 ae back to your greyscale version of image [9 | Even though we're working in RGB, the 
492027. Drag this onto the canvas and make final artwork will be printed in CMYK. 

sure that it goes beneath the adjustment layer, and While you won't want to work in CMYK mode, it's a 
transform it to fit. You'll see that the colour good idea to always keep the CMYK preview turned 
adjustments are made to the layer instantly. The 8 | Here we've just duplicated the layer containing = on when working for print. Do this by hitting 
beauty of adjustment layers is that their effects stay image 492027 again. To duplicate a layer, with © Command+y. Providing your display is properly 
live — if you need to change the colour of the the Move tool selected (hit V on the keyboard to colour calibrated, you'll get a reasonably accurate 
background, double-clicking on the adjustment select it) drag it and hold down the Option key as colour representation. Always request a colour 
layer will bring up its dialog box, enabling you to do so. Scale the image as shown above, and the proof from your bureau when working on colour 
make your changes. background is nearly done. critical artwork though. > 
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Part 2: Adding photography 


In this section we'll add some photography, and show you the benefits of 
using Layer options and layer masks in your compositions 


Masking 


If you have to do a lot of masking 


and cutouts in your work, you'll 
probably find a combination of 
the techniques works for you. 
However, if you seem to spend 
too much of your time making 
masks, you may like to take a look 


at a professional masking tool. 


1 | Open up the file 551087. jpg from the CD. A 


Here, we're using the Pen tool to make a path 


lot of the In_the_Black collection is 3 | 
photography-led, and we chose strong images to Here, we've used the Magic Wand to around the figure. This is a more accurate way 
reflect this. We need to add the photography to the isolate the white background, but it's a of masking the background out, but it'll take a while 
graphic background, and there are a number of time-consuming process, and isn't always the to get a perfect result unless you have a very steady 
ways you can do this. best solution. hand and plenty of time to spare. 


G Next, double-click the layer holding image 
551087 — this will open the Layers options. On 
the ‘this layer’ slider, hold down Option and 
carefully drag the right-hand slider to the left. If 
you've done it correctly the triangle will split apart. 


| 4 | We're using Quickmask here, but it's still G Drag the photograph onto your canvas so that — Drag it across to the left a small amount, and you'll 
taking too long to get rid of the background. it looks like this. It automatically converts itself see the white background disappear. The image isn't 
However, Photoshop has a great feature to help us to RGB from CMYK, so you don’t have to worry being altered in any way, it's just being masked out. 
to achieve the result we're after. about converting it yourself. Click OK to accept the changes. 


9 | Select an airbrush () on the keyboard) of 25 
pixels diameter, and brush out the stray pixels 
using black ink. You can also use Photoshop's 
Marquee Selection tools to select large areas and hit 
backspace to mask them. Now the model's face 
looks clearer. Remember, when you're using layer 
masks that you're not removing pixels — it's totally 


This is the effect we were looking for, but 
you'll notice that there are a few pixels 


showing up on the model's face that we need to get If you look closely, you can see that this different to using the Eraser tool. You get much 
rid of. We can do this in a non-destructive manner area of the image really needs attention. Goto — more flexibility this way, and can always bin all or 
using layer masks. Layer>Add Layer Mask>Reveal all. part of the mask at a later stage. 
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Part 3: Creating the foreground 


Now we'll start building up the foreground by re-using some of the images 
we used to create the background 


Experiment 


This tutorial aims to show 

how versatile Digital Visions’ 
images are, and how well 
different images work together. 
Experiment with the images on 
the cover CD to get the most out 
of them. Hopefully the ideas here 
will inspire you to create your 
own unique illustrations. 


ee ee 


a Here, we've just scaled down the layer 
because we wanted more of the type and 
details to be visible. We've used layer masks and 
adjustment layers, so we were able to do this easily. 


Make a copy of the layer again, scale it right 
up and set the Layer Apply mode to ‘multiply’. 
This affects the colours of the layer, but it’s a live 
effect and can be altered at will. 
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Paste the clipboard's contents into the 

composition, and position it as shown. Set the 
Layers Apply mode to Screen: this gives us the white 
out section on the left of the image. 


Go back to image 536050 and drag it 

onto your composition. We're going to 
add this element using similar techniques to those 
we've just used. 


Here, we've re-positioned the layer and 

knocked the Opacity down to 20 per cent. You 
can adjust the Layer's Opacity by dragging the slider 
in the Layers palette, but you'll find it quicker to use 
the number keys instead. 1 is 10 per cent, 2 is 20 per 
cent and so on. Quickly hitting 45 will give you an 
Opacity of 45 per cent. 
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8 | Next, copy this section of the image, following 
the same steps as outlined in step 7. 


Scale the image using the Transform tool as 

discussed earlier, and double-click on the layer 
to bring up its options. Set the Layer mode to hard 
light, and holding Option, drag the right-hand 
triangle over to the left until the image blends into 
the background. 


Go back to image 492027 and use the 

Rectangular Marquee to select the area on 
the left-hand side. Press ‘m’ to select the 
Rectangular Marquee, you can use use Shift+M to 
cycle through its variations. Copy this selection of 
the image to the clipboard (Command+C), then go 
back to the composition. 


9 | ...and paste it into the composition. Set 
the Layer mode to Darken and the Opacity 
to 70 per cent. > 
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Part 4: Adding typography and graphic elements 


Now we're going to finish off the illustration by adding our logos and other 
graphics. To follow that, we'll prepare it for repro 


Calibration 


If you're working professionally, 
make sure that your equipment is 
colour calibrated. You can use the 
Adobe calibration assistant to 
guide you through this, but if you 
feel uncomfortable tacking it by 
yourself, pay a colour expert to 
do it for you. Make sure that you 
run calibration checks at regular 
intervals to make sure your 
workspace is colour accurate. 


+ 


For the final step in this section, we decided to 


Go remove some of the type from around the 
model's face, and clean up some of the pixels to 
make her more visible. This was a simple task of 
painting black ink onto the layer masks containing 
the elements we wanted to remove. 


4 | When you've drawn the shapes, click on 

the Paths panel. You'll see a thumbnail of 
your path here, showing that it is active. In the 
Flyout menu, click Make Selection, with Feathering 
set to 0. You'll now see the marching ants marquee, 
showing you that your selection is active. With 

the selection active, you can fill in the shapes 

with colour. Use the keyboard shortcuts we used 
earlier to do this. 


For the finishing touch, we added some more 

vector shapes and dropped our logo into the 
illustration. We're now ready to prepare the artwork 
for repro. To do this, we'll need to flatten the 
artwork and convert into CMYK. 


Q Background Color 
Q Transparent 


Set up a new canvas, 15.04x10.47cm 
at 300dpi, and set the background layer 
to Transparent. 


Copy and paste the shapes you just created 

into the composition. Experiment with this, 
but the look we're aiming for is an abstract 
representation of graphs, so keep this in mind 
while you're designing. 


A good tip here is to go to Image>Duplicate. 

This will give you a copy of your illustration to 
work on. On the duplicated image, choose Flatten 
Image from the Layers palette. If you have any 
hidden layers, Photoshop will ask you if you wish to 
discard them. If you're sure you want to do this click 
OK. Next, go to Image>Mode>CMYK colour. 
We've been working with the CMYK preview 
turned on, so you won't get a shock when the 
conversion takes place. Save the file as a .tif 
(without LZW compression) and it's ready to import 
into your page layout software. 


With the Pen tool, draw some vector shapes 
that will be used as dynamic foreground 
elements. It's easy to do this in Photoshop, though 
you may prefer to use ///ustrator for this step. You 
can hold down the Shift key to constrain the angle 
of the pen which is useful for drawing straight lines. 
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Here we've added some type, which is an EPS 

logo created in ///ustrator. This was simply 
pasted into the Photoshop document from 
Illustrator. lf you'd like to add your own type here, 
the font we've used is Helvetica Neue 95 black, and 
is available from Adobe. 


fy That's it - the illustration is finished and 
ready for repro. Remember, most of the 

image and its elements are still intact and we can 
go back and make dramatic changes at any 
time, enabling us to repurpose the work for 
different jobs. Try experimenting with adjustment 
layers and layer masks — you'll find that they're 
really useful and flexible. 
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1, Although Canadian illustrator 
Pierre-Paul Pariseau has been 
creating photomontages for more than 
14 years, he only made the switch to 
Photoshop two years ago. As this 
portfolio piece, ‘Volcano’ attests, it’s a 
medium ideally suited to his approach 
to collage work. 


2. ‘The Extra Terrestrials’ is a 
thematically straightforward piece 
from Pariseau’s portfolio. 


3.A portfolio piece highlighting the 
styles recently explored by Pariseau. 
“My style is heading in a direction 
somewhere between this and my 
earlier works.” 


4. “This is one of my latest personal 
artworks. | did a series of pictures 
with the intention of using them to 
promote myself to book publishers. It 
worked, | got nice jobs.” 


5. Another work from the portfolio, 
designed to attract book publishers. 
This one makes good use of filters to 
give the picture an underwater feel. 


Pierre-Paul Pariseau 


Pierre-Paul Pariseau’s photomontage work is continuously evolving: 
“T sit here like an antenna, capturing anything in life that 


touches me...” he says 


rtists often find that their first brush with 


| though in a rather unconventional way. “At 
first, | actually studied to be a computer programmer, 
working with payroll programs,” he reveals. 

Disillusion with this career path prompted him to 
drop out of university, and focus on the photomontage 
art he'd toyed with in his spare time. “I loved doing it 
and had received very good feedback from friends and 
family, so, as | needed to work, | decided to try to 
become an illustrator. | made a portfolio and met local 
art directors. Immediately | got a good response and 
the jobs came in. That was almost 15 years ago.” 


computer technology is a life-changing event. 
Such was the case with Pierre-Paul Pariseau, 


The primary early influence was Surrealism, in 
painting, literature and all its other forms. “What 
seduced me was the use of the non-conventional in 
Surrealism, that wonderful liberty, and the humour. But 
once the momentum gets going, after ‘living’ an 
influence, | don't believe you can talk anymore about a 
very specific influence. | sit here like an antenna, 
capturing anything in life that touches me, be it from 
nearby or from afar. By remaining open-minded, my 
technique has evolved but is basically very simple. | 
assemble images in much the same way that a writer 
puts words together. 

“| first began using Photoshop about two years ago, 
and have used it almost everyday since.” In fact > 
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Cut and paste 


Pierre-Paul Pariseau’s work begins, as it 
has always done, with cut-outs from 
magazines and other sources. But while he 
would once work with glue, these materials 
are instead fed into an Agfa T1200 
Duotone scanner, and loaded into 
Photoshop, which runs on a G3 Mac. 

Interestingly he still prefers to use 
scissors to cut each picture element to 
size before scanning, rather than clipping 
objects with Photoshop's Bezier curve 
tool. “I just find it faster than way, because 
I've never been patient enough to learn 
how to use it properly. If | do have to cut in 
Photoshop | actually always find other 
ways to do it, using the Lasso and Magic 
Wand tools.” 

“Once I've placed them in my 
Photoshop window | can then start to 
enlarge or reduce them, switch them 
horizontally or vertically, change their 
colours, hue, saturation, and so on. Each 
piece is a layer, more or less.” 

Working in this way, it’s possible to go 
back and change any one part of the 
image. Once happy with all the elements, 
Pariseau then begins adjusting the 
montage, adding depth, and placing 
transparent layers over individual 


elements. “A big part of the creative 


process takes place on screen at this stage. 


However, it’s important to keep in mind 
that the final image shouldn't be 
overloaded with meanings. It should be 


clear and simple.” 


An illustration for Direct Satellite 
magazine, focusing on the trend of 
biography programs on TV. “The concept 
was given to me by the art director, and 
the photos of the stars were sent to me by 
the magazine via email.” 


Photoshop Special 


Pariseau had first toyed with Photoshop five years 
previously, but chose not to make the switch from 
traditional scissors, paper and glue composition at the 
time. “It seemed perfect for an artist like me, but | 
thought | had much more to learn about the traditional 
way of collages before making the move. | also wanted 
to wait until the machines were more powerful.” 

Having planned to spend about a year learning his 
way around Photoshop, Pariseau learnt the ropes using 
Adobe's own tutorial, and Deke McLelland’s The 
Photoshop Bible, and was creating commissioned 
works in less than two months. “In the beginning | was 
working in my usual style, but creating it digitally. | 
rapidly improved a lot of my work, though, simply | 
because | was having fun with the medium. Since then 
my style hasn't really fundamentally changed. Rather 
it’s continuously evolved, which is how | believe it 
should be with any medium, really.” 

What the switch to digital composition has brought 
is the opportunity to experiment. “There's the infinite 
possibility to play with the pictures within Photoshop, 
which is obviously impossible with the traditional 
medium of photomontage. And sometimes such 
experimentation yields results that are unexpected, 
but perfect.” 

Very much in demand, Pariseau’s client list includes 
Penguin Books, Random House, Newsweek, the Royal 
Bank, The Washington Post, the Toronto Star and 
Decca Records. He also does lectures and runs 
workshops in his native Canada and abroad, and has 
had work featured in many exhibitions and in graphics 
magazines such as Grafika, Applied Arts, Studio, Idea 
(a Japanese publication), and Design Journal 
(published in Korea). 

In-between working on commissioned projects, he 
tries to spend as much time as possible creating more 


ee 


experimental pieces. “It’s important to go deeper 

into your own creative subconscious, to express 

ideas that are your own. These personal artworks 
‘feed’ the commissioned works, although the opposite 
can also be true. 

“In a good month | get the time to do two or three 
pieces. And | also take the time to try all kinds of things 
| haven't tried already with Photoshop, sometimes 
studying the tutorials in Computer Arts magazine.” 

He’s realistic about the extent to which it affects his 
work. “What creates my style is my creative mind, not a 
favourite Photoshop tool or trick. And though my style 
does evolve as | experiment with the software, changes 
also occur as my imagination is inspired 
independently of any medium.” 

He’s also rather reluctant to define exactly what 
makes his works unique. “It’s definitely surreal, and | 
like to make people smile, occasionally using a degree 
of irony. But I'd simply ask that people look at the 
pictures to see what they're about for themselves.” 

While in the long term he expresses a desire to 
introduce animation to his work, Pariseau’s next 
challenge is to learn about Web design and build his 
own site, where he can showcase work. He is clearly 
now devoted to the digital medium. “I love being an 
artist using technology, able to make changes rapidly, 
and to be able to send my pictures all over the world in 
a matter of minutes. Now that I’m not programming 
with it, the computer is a wonderful tool.” 


IB 


Working to a commission 


When beginning a commissioned work, 
Pierre-Paul Pariseau first familiarises 
himself with the subject matter, be ita 
magazine article or book, as well as looking 
over any client suggestions or requests from 
the art director. 

“Once I've more or less made up my 
mind what | want to do, | begin to work 
through my files, little boxes containing 


cut-out pieces, magazines and other 


material. It often happens that, while looking 
for a particular piece, I'll stumble upon 
another that | hadn't considered. The 
element of chance is the beauty of the 
creative process.” 

Because of the nature of 
photomontages, Pariseau only ever creates 


one rough sketch, and even this is for 
reference rather than client approval. 
“Because I’m working with the final art 
it's impossible to do a fast sketch like 
other illustrators.” 

This means that what the client sees is 
what the client gets. When they are sent a 
file they are effectively getting the final art, 
though if any changes are required, these 
can be easily applied to the original on 
Pariseau’s machine, which usually contains 


every single picture element in its own layer. 4 book cover for Montreal-based 


publisher, Lancelot. “It's the story of a 
young boy's struggle to become a 
singer,” explains Pariseau. 


“If | have been totally free to find an idea, 
which is common in editorial, and later on 
the art director doesn't like it, | can turn 
around fast to present something else. But 
that has hardly ever happened in 15 years.” 


1. The (arguably exaggerated) danger of electrical 
towers near homes is captured in this illustration 
for Interactive Week magazine. 


2. Pariseau cites this work, ‘Cat And Mouse’ as 
one of the first satisfying pieces he created 
using Photoshop. 


3. ‘Fireworks’ is one of several works pictured here 
created by Pierre-Paul Pariseau for his own 
portfolio. “I've played with the fact that we are 
bombarded with signs and lights in a city at night. 
The result is a firework of colours in the brain: a 
fiesta of light.” 


4. ‘The Dump’ is another portfolio piece. “! had fun 
here mixing animals together: a bird with a horse, a 
lion with a bird and a lizard, a giraffe with a leopard. 
The subtext is that we try to change the world for 
better yet keep on polluting it.” 


5. This illustration was created for an article in Air 
Canada's in-flight magazine, En Route. The article 
is about a store in Silicon Valley that sells 
electronics to the techies of the valley. 
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Simple masterpieces 


Creating a successful image in Photoshop doesn't mean 
that you need to be fluent in everything the program has 
to offer. We show you what simple layering can achieve 


tis very easy to be controlled 
by a powerful software 
package like Photoshop. A 
photo can be scanned and a 
filter applied and the outcome can look 
amazing. Too often you'll have seen these 
images presented as finished pieces. 
Indeed you've probably got such images 
in your archives, but may have decided in 
retrospect that they look shallow or 
superficial, and don't really make the 
most of your talent. Experimentation is a 
very good exercise but it takes a certain 
amount of discrimination to be 
disciplined and take full control of what 
you are creating. 


f 


People often ask me: “What set of filters 
do you use to get those wonderful 
textures?” when in fact the answer is 
obvious — they are real textures scanned 
from photographs, or from things put 
directly onto the scanner. You'll rarely 
spot filters and special effects in my 
imagery: if they are used, it’s very subtly 
and ina controlled way. 

This tutorial aims to show you that 
although my images can sometimes look 
very complicated, they are in fact very 
simply put together using layering. They 
work because of the attention paid to 
composition, colour and the general feel 
of the work. 


Illustration: Sandy Gardner [e] sandy@sandygardner.co.uk [w] www.sandygardner.co.uk [t] 015395 34941 


Part 1: Putting together the tree and its branches 


The tree in this image isn't just a straight photograph. Getting such a strong element quite 
often involves enhancing nature! 


Mac or PC 


Sandy created this image ona 
PC, but whenever Ctrl or Alt are 
used throughout this magazine, 
Mac users should use Command 
and Option respectively. 


Having a concept 


Before you even turn on the 
computer, it is a good idea to 
know what you are trying to 
create. Just throwing together 
whatever images are on your 
hard disk and CDs is never a 
good idea. At this stage, use a 
pencil and paper to sketch 
roughly what you want to do, and 
mark out where the main 


elements will be positioned. 


ap This tree was photographed using a 35mm 
camera to capture as much detail as possible. 
To do this, photos were taken in overlapping 
sections up the tree, and then reassembled using 
Photoshop. You'll find these photos in the tree 
folder on the CD, in the Gardner folder. 


4 | Now to merge the two pieces together where 
they meet. Zoom in on the area where they 
overlap and use the Eraser tool to rub away a bit 
here and there from the second layer along the join 
until the two are blended. Continue the above with 
all the sections until you have a whole tree. 


2 | Open all of these sections and then cut away 
the background — you may prefer to use the 
Line Lasso tool, carefully going round the edges. 
Before cutting away, feather the selection by 0.5 
which just takes that hard edge off. Once all the 
background on all of the tree sections has been 
removed you need to ‘construct’ the tree. Create a 
new canvas, size 15x16cm @300dpi and then drag 
and drop each of the segments onto the page. 


Now that the tree is constructed, merge the 

layers together. Flip the canvas horizontally. 
Next you need to lengthen some of the branches. 
Use the Lasso tool to select some of the existing 
branches. Copy this and paste it onto a new layer. 


@ Turn all the layers off except the first two. You 
will notice that the segments are not all the 
same scale. Use the Transformation tool to slightly 
increase the size of segment two, pressing down 
Shift while you do this to constrain the aspect ratio. 
Once the second segment is to the same scale as the 
first segment, fix it by pressing Return. 


6 | Using the Transformation tool, flip the branch 
horizontally by making it just slightly narrower 
than it was originally, then rotate it round to the 
right and move it to the end of the existing 
branches. Fix it by pressing the Return key. Repeat 
this process to make the branches even longer. 
Where the branches join, blend them together using 
the Cloning tool and Eraser. 


Part 2: Leaves 
Using the Dodge tool to blend the branches and leaf stalks 


ae Open the file leaves.tif. Cut away the 
background, again using the Straight Edged 
Lasso and feather the selection by 0.5 pixels before 
removing the background. Adjust the levels to 
brighten up the leaves — try sliding the right-hand 
pointer to the left to 147. 


Drag and drop the leaves onto the tree canvas. 

Flip the leaves layer vertically, then using the 
Transform tool, rotate and slightly decrease the size 
of the leaves. Fix the transformation and then move 
the leaves over so that they join onto the branch 
about halfway down. 


Use the Dodge tool (Options on midtones, 

Exposure 11 per cent) to blend the branch and 
the leaf stalk together. Use the Dodge tool more at 
the end where it meets the light branches so that 
eventually you get a blend from dark to light. 
Repeat this on various points of the branches so that 
you have about four branches of leaves coming out 
from various points at the top of the tree. > 
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Part 3: Roots 


Copy and paste the texture onto several root layers, then blend them 
together using the Eraser tool and Cloning tools 


Composition 


The old traditional rules of 
composition such as the golden 
rectangle and the rule of thirds 
really do work. If you are creating 
a landscape for example, don't 
put the horizon line bang in the 
middle: instead, try instead 
placing it a third of the way from 
the top or bottom, and see if it 


gives a more pleasing result 


At the base of the tree, you need to create 

some roots. Select the top part of the tree with 
the Lasso tool. Copy this and paste it onto a new 
layer. Flip this layer vertically, then rotate the section 
slightly round to the left using the Transform tool. 
Move the section down to the base of the tree. It's 
quite dark so use levels to lighten it a little. 


a 
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Select the area just above the base of the tree 
and copy and paste this onto a new layer. 


Rotate it using the Transformation tool and move it 


to the base of the tree on the left. 


a Select the centre area just above the base of 
the tree and copy and paste this onto a new 
layer. Move it to the base of the tree and stretch it 
out either side to fill in the centre root area. Then 
use the Eraser tool and Cloning tools to blend these 
layers together. Link all the tree layers together. The 
tree is now ready to be pasted onto a background. 


Part 4: Background 


It is very important to have just the right background for an image — in this case the 
image needs a background that is simple but different 


Finding your style 


You will have to experiment to 
find your own style. Trying new 
ideas, whether they work or not, 
will ultimately be more satisfying 
than recreating other people's 
work. What speaks to you will 
hopefully speak to someone else. 
Imitating what has already been 
done isn't authentic and it shows. 
Art directors won't be impressed 
by second-rate imitations of 
artists’ work that they know and 


use already. 


av Place a distressed piece of card onto the 
scanner and scan it in at 300dpi. You'll find this 
file on the CD called card.tif. Open this file, then 
open up the file cracks.tif. We are using this image 
to create a background that appears to recede 
backwards, creating the illusion of space. 


Then to give the background a browny hue, 

you need to create a new layer and fill the 
page with a browny-red hue (C36 per cent, M75 
per cent, Y86 per cent, K67 per cent). Set the Layer 
Options to Colour, Opacity at 51 per cent. 


a To do this, drag the cracks.tif image onto the 
background scan, creating a new layer, and 
place it along the bottom of the image. The top 
edge of the ground fades out to give a sense of 
space. Use a largish Eraser with the Opacity set to 
about 15 per cent and gradually fade it out. 


G You can now put the tree on the background. 
To make the tree more similar in colour to the 
background, paint a light brown over it on a new 
layer and change the Layer Option to Colour at 53 
per cent Opacity. Then create a drop shadow by 
selecting the whole tree, feathering the selection by 
12 pixels and filling the selection with black, setting 
the Layer Opacity to about 70 per cent. 


o Next to add a subtle blue hue to the sky, use 
the Gradient tool to create a blend that goes 
from cyan to transparent. Create a new layer, select 
the Gradient tool and its options and set the blend. 
Stretch the Gradient tool line down about third of 
the page from the top. Set the Layer Options to 
Colour and the Opacity to 65 per cent. 


G This was created by using pieces from the file 
skrim.tif. White paint was airbrushed on and 
pushed around with the Smudge tool done on 
several ‘lighten’ layers at different opacities. 


Part 5: Horse 


The eye is always drawn back to a strong and interesting point of focus. 
In this image, this is a beautiful image of a friend's horse 


gy Open the file horse.psd and cut away the 
background. Using the Straight Edged Lasso 
tool, feather the selection by 0.5 pixels before 
cutting away, and the Eraser tool. Use the Blur tool 
at 50 per cent on the mane and tail to give those a 
softer edge. 


Select all of the horse and fill the selection with 

a red-brown colour on a new layer. Set the 
Layer Option to Colour at 24 per cent Opacity. This 
gives the horse an all-over brown tone which helps 
it blend into the image. 


3 | To give the horse a soft glow, again select the 
whole thing and on a new layer, fill the 
selection with white. Then apply the Gaussian blur 
filter just enough to give a halo effect around the 
horse. Link the layers together and paste onto the 
background above the red-brown colour layer. 
Using the Eraser tool at about 30 per cent, fade out 
the feet of the horse. Because the horse doesn't 
have any hooves, put a good bit of mist in this area! 


Part 6: Finishing touches 


Adding lots of little details helps to hold the image together 


Sources of imagery 


It is important to have a good 
library of elements available: if 
you only have a handful of images 
with which to work, you'll never 
get anywhere. Collect elements 
from everywhere and have 
thousands of elements on CDR 
already masked out, ready to put 


in place 


a Open the file oak.psd on the CD and put this 
on onto the image four layers up (above the 
background, cracked ground and blue blend layers) 
with the flat edge on the horizon. Change the Layer 
option to ‘overlay’. Duplicate this layer and 
transform it slightly using the perspective so that its 
slightly different in shape to the other oak leaf 


a Open file web.tif on the CD. Invert it and then 
paste it onto a new layer on the image above 
the mist, in the bottom-right corner. Set the Layer 
Options to Multiply at about 50 per cent. 


4 | Paste this onto the image. Set the Layer 
Option to Darken and turn the Opacity down. 
Duplicate this layer or create some different pieces 
of writing and place them around the image, some 
above the mist and some below or do several. Open 
file clock.psd on the CD and drag and drop it onto 
the image below the red-brown colour layer and 
place it off-centre to the left. Set the Layer Option 
to Multiply and the Opacity to about 60 per cent. 


6 | Open the file ivy.psd on the CD and drag 

it onto the image, putting it above the 
red-brown colour layer but below some of the mist. 
Leave the Layer Option on Normal. Open file 
bramble.tif and paste this on a layer below the tree 
on the left setting the Layer Option to Multiply with 
the Opacity at about 30 per cent. 


3] There are various bits of handwriting in the 
image. Write on paper with a dark pen, and 
scan these into Photoshop. Invert the image so the 
writing is white and paper black, or use the text.psd 
file on the CD. Use the Eraser tool on about 10 per 
cent Opacity to fade out some areas, giving it a 
more organic feel. 


G Open file smtree.psd on the CD and drag and 
drop it onto a new layer on the image, above 
the oak leaves and position it so that it looks like it is 
standing on the horizon. Set the Layer Option to 
Darken at about 40 per cent. Duplicate these along 
the horizon, making each one a little different using 
the Transformation tool. These give a sense of space 
in the image. The image is now complete! EEE 
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You saw it first in Computer Arts. Get noticed, get ahead... 


Send your work to us along with a full 
explanation of your techniques and 
software, the titles of each piece, and your 
telephone number on the disk itself 
(featured artists are often approached for 
work). Images should be sent as PC or Mac 
TIFF or JPEG files on CD-ROM, Zip carts or 
floppy disks, and a hard copy is a great 
help. Apart from floppy disks, all entries 
will be returned. All contributions are 
submitted on the basis of a non-exclusive 
worldwide licence to publish, both in 


printed and electronic form. Email your 
entries to: ca.exposure@futurenet.co.uk or 
post them to: Exposure, Computer Arts, 

30 Monmouth Street, Bath, BA1 2BW. 
Note: Selection and production does take 
some time so please don't inundate us with 
phone calls! 


While every effort is made to ensure that your work 

is returned safely, all contributions submitted to 
Computer Arts are done so at the risk of the Owner. 
Future Publishing Limited cannot accept responsibility 
for them either in transit or while in Future's possession. 
Please remember to keep back-up copies, and if this is 
your only copy of the work, do NOT send it in! 


Alicia Buelow 


[e] abuelow@sirius.com 
[w] www.aliciabuelow.com 


Genetics and Computers, 
Mobility and 1+1=3 


In‘Genetics and Computers’, (far-left) 
for US News and World Report, Alicia 
created the DNA in /llustrator, then 
dropped it into Photoshop. “One half of 
the strand was removed and replaced 
with numbers: four or five layers of 1’s 
and 0’s placed on top of one another. The 
result conveys a lot of movement and 
depth,” says Alicia, who spent six years 
as a designer in the packaging and 
collateral group at Adobe. ‘Mobility’ 
featured on the cover of Web Techniques 
magazine, 2001. “This magazine was 
intent on keeping the cover image 
non-technical because the inside 
content tends to be very dry,” she 
explains. “I loved using natural elements, 
textures, and colours to describe such a 
technical subject.” ‘1+1=3' is a recent 
self promotion piece. > 
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Lesley Cullan 


[t] eve: 01224 636136/day: 01224 263690 
[e] .cullan@excite.com 


Scrapbook and 
Mediterranean Blues 


“One of the most powerful aspects of 
using digital imagery is that the visual 
image can be altered in a limitless way - 
you can experiment without destroying 
the original,” says Lesley Cullen, whose 
vibrant works are featured on the 
Adobe.com Website. “The ‘non-fear’ 
element of being able to pull apart 
artwork at speed without affecting the 
original gives you the freedom to 
produce results which couldn't have 
been produced with traditional 
methods,” she adds. ‘Scrapbook’, 
currently on show at the Glasgow School 
of Art, was designed in Photoshop and 
output via a Deskjet 650C Printer. This is 
a first showing for ‘Mediterranean Blues’: 
“It has less manipulation of features 
within digital artwork and more to do 
with simple construction,” says Lesley. 


Kevin Davison 
[e] KvnJed@aol.com 
[m] 07949 540319 
[t] 01908 320072 
[f] 01908 320072 


Urban, Mouth and A2 


“As an illustrator I’m passionate about the 
completed image,” says Kevin whose 
work has appeared in MacUser, 
Computer Music and The London 
Magazine. “| like to combine a variety of 
techniques and methods. The main ones 
are constantly changing, but | feel it is 
important to refer back to old school 
methods such as Polaroid, photocopying 
an image several times, and a collection 
of gathered preliminary sources.” Kevin 
works almost exclusively in Photoshop: 
“mainly because of the simple yet 
effective controls, such as brightness, 
contrast, blur, hue and saturation and the 
app’s compatibility to high-res vector 
images from /llustrator. These effects 
may not require an overdose of 
Photoshop wisdom, but it’s how y ou do 
things that matters.” 


Terry Miura 


[e] terrymiura@terrymiura.com 
[w] www-terrymiura.com 


Messenger ai 
Monk's Dream 


repweeeh bry: 
Peat Baila. 
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Based on one of Terry’s oil paintings, 
‘Messenger’ was created from graph 
paper, a 4x5 transparency, a brown piece 
of paper, a graph from a physics book 
and textures. “I layered them, stretched 
them and transparent-ised them till! 
saw something | liked and slowly built 
the image. This is basically how | do all of 
my digital work,” says California-based 
Terry, who's currently working on some 
book jacket projects, various editorial 
assignments and an exhibition of 
paintings. ‘Monk’s Dream is a tribute to 
Thelonious Monk for Jazziz magazine. “| 
used a Lot of type, layering them in all 
different ways - colour burn and colour 
dodge were used a lot.” Texture sources 
included old books and a beat-up 
leather jacket. “I look for unexpected 
combinations,” adds Terry. > 
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Josh Fallon 


[e] josh@fallondesign.com 
[Ww] wwwallondesign.com 


Bond of Union and 
Spiral Hand 
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A homage to Dutch artist M C Escher, 
this series of works entitled ‘Inspired’ 
brings the original masterpieces bang up 
to date. The images, which are currently 
featured in the Adobe.com print gallery, 
are interpretations of Escher’s own 
mind-bending ‘impossible art’ 
scenarios. “The pieces evolved from a 
combination of digital photography, 
pencil sketches, and a lot of masking in 
Photoshop,” explains Josh. “In ‘Bond of 
Union 2001’ and ‘Spiral Hand’, sketches 
of the spiral rinds were scanned into 
Photoshop and used as the guides for 
masking the original photography.” A 
studio-artist-turned-graphic designer, 
Fallon is working on more pieces for the 
‘Inspired’ series as well as developing 
DesignLaunchpad.com, an online 
resource for beginner designers. 


Stuart Briers 


[Ww] www:stuartbriers.com 
[e] stuart.briers@btinternet.com 


The Power of Munis and 
Alexander Technique 


“| always start a picture with a pencil 
drawing,” says Stuart Briers, whose 
current health-orientated projects 
include a series of illustrations for a book 
about the brain and a weekly drawing for 
Dr Phil's column in The Daily Express. 
“This is scanned into Photoshop and all 
the shapes are ‘traced’ over using the 
Pen tool. Each shape is then rendered 
using a combination of brushes, airbrush, 
filters and so on,” he adds. ‘The Power of 
Munis’ illustration was mostly rendered 
in grayscale with colour added later 
using the adjustment layers. Stuart took 
a different approach for the ‘Alexander 
Technique’ illo, a book cover for Hodder 
& Stoughton. “This was rendered using 
the airbrush with a large brush size. A 
layer of texture was overlaid over the 
whole image to give it a tactile feel.” 


PJ Loughran 


[t] 001 718 222 5687 
[e] pi@pjloughran.com 
[W] www.pjloughran.com 


Japan and Navigator 


PJ Loughran’s interest in jazz is reflected 
in his fluid, sponteous-looking 
illustrations. Until recently though, any 
hobbies were sidelined by his ten hour 
days as a designer for agency.com. 
Freelance projects were squeezed into 
unsociable pre- and post-work hours. 
Now determined to create content rather 
than package it, PJ works for himself, 
doing the distinctive illustration projects 
that have made his name. This cover for 
Navigator illustrated a feature about a 
popular annual arm wrestling event held 
by the Navy. ‘Japan’ was a full page illo 
for Forbes magazine: “It was for an article 
about how the Japanese Government is 
dealing with a series of scandals 
involving the Japanese Mafia and the 
Banking Industry,” explains PJ, who now 
plays a lot more guitar that he used to. 


Pam Hobbs 


[t] 07974 735189 
[w] www.pamorama.com 
[e] pam@pamorama.com 


The Creative Black 
Book Cover 


The Creative Black Book commissioned 


Pam to do its cover on the theme of ‘| Am: 


My Inspiration’. “I had to include a quote 
of what, where, and how | am inspired, in 
the form of a mask,” says the award- 
winning illustrator. “I collected hand- 
painted fans with images of faces, hand- 
made paper, and New Year’s trinkets. 
These and various other found objects all 
contributed to the collage look of the 
illustration.” With a burgeoning 
commissions list, Pam has developed 
various methods for speeding things up. 
A recent ad for Dema Fashion Design, for 
example, was done: “between apps — | 
created the textures and patterns as | 
went along. This gave me more flexibility 
to change the final image. It also cut 
down on time, and there's never enough 
of that!” GEES 
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FOR ALL WEB DESIGNERS 


You need to stay abreast of the most 
innovative and imaginative sites all round the 
world. That's why, every month, Cre@teOnline 
showcases the finest sites and the people 
behind them. As well as acting as a forum for 
professionals to exchange ideas, we also 
explore how sites can be improved and the 
effect they have on their end users. If you 
want to stay ahead of the game, start here. 


THIS MONTH: THE USABILITY ISSUE 


Usability is a burning issue for all Web designers and 
usability gurus. But with the advent of broadband and 
multiple platforms, what does the future hold? Our cover 
feature highlights the key issues, and shows the way 
forward for usability and what you need to be aware of. 
THE BIG ISSUE: ACCESSIBILITY 

Is your work reaching the widest possible audience? Six 
experts debate the issue of accessibility, arguing that now 
is the time for designers to create impressive sites for all 


PLUS: 
Interactive art: the likes of Tomato, Me Company and 
Hi-Res! team up to create mad Web art 


Visionary Jeffrey Veen tells us about the future of the 
Web and the changing role of Web designers 


3D chat forums: we showcase the best and find out what 
it takes to attract and keep visitors 


What designers think of Director 8.5 Shockwave Studio 
The new Levi's site is put to the test in a focus group 
We find out what it's like to be a Web designer in Tokyo 


All the latest and greatest jobs in our Recruitment 
and Training sections 
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5. Instruction to your Bank or Building Society 

Please pay Future Publishing Direct Debits from the account detailed on this Instruction subject to 


the safeguards assured by the Direct Debit Guarantee. | understand that this instruction may remain 
with Future Publishing and if so, details will be passed electronically to my bank or building society. 


intact and uncluttered by words. 


all the details you need to 


complete the direct debit form are on your 


You cannot fax or e-mail direct debit forms. 


Order code: Offer ends 30.06.01 
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[Photoshop] 


If you're searching for that vital plug-in or filter, then our essential selection of the best 
Photoshop resources on the Web will point you in the right direction... 


Useful Resources 
Absolute Cross 


[w] www.absolutecross.com/tutorials/ 

photoshop. htm 

Yet more fab tutorials and tips. Providing a wealth of 
downloads and links to some of the best Photoshop 
tutorials on the Web, Absolute Cross is a resource that 
both beginners and pros will find useful. 


Adobe 


[w] www.adobe.com 

The home of Photoshop has recently been redesigned 
by Web guru Hillman Curtis, and is now easier than 
ever to navigate. Make sure you visit the Photoshop 
Expert Center containing invaluable advice for 
registered users of the application. If you haven't 
already got it, you can buy Photoshop here as well. 


Adobe Forums 


[w] www.adobeforums.com 

No matter what your question, there is sure to be an 
expert capable of answering it at Adobe’s Photoshop 
User Forum. Share and exchange techniques with the 
cream of the Photoshop community or simply browse 
for new and exciting techniques. 


Computer Arts 

[w] www.computerarts.co.uk 

With an abundance of Photoshop tutorials, 
up-to-the-minute news and a whole host of reviews 


There's extensive Photoshop info available at Adobe.com — 
there's also a Photoshop 6 Expert Centre for registered users. 
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and downloadable goodies, our buzzing Website 

is the place to be seen if you're into Photoshop. 

Just take a look at our Photoshop Studio at 

[w] www.computerarts.co.uk/photoshop and we think 
you'll be convinced. 


Computer Arts Forum 


[w] www.delphi.com/computerarts 

It seems inevitable; A big project, so much to do and 
not enough time to do it in, and suddenly either your 
Mac totally packs in or you can't quite figure out 
Photoshop 6's new interface. Either way, help is at hand 
at our thriving forum where one of the Computer Arts 
team or some other knowledgeable fellow will almost 
certainly be able to tackle your problem. 


DeepSpaceWeb 


[w] www.deepspaceweb.com 

By pointing your browser at DeepSpaceWeb you'll 
come across a site that is jam-packed with goodies. 
Not only is there an astonishing amount of Photoshop 
tips, actions, plug-ins and brushes, there's also a 
message board, a great gallery and a monthly 
newsletter so that you'll never miss any vital 
late-breaking Photoshop news. 


designdojo.com 


[w] www.designdojo.com 

An affiliate of Future Publishing's very own creative 
portal - [w] www.computercreative.com - 
designdojo.com is packed full of exciting tips and 


Tutorials 


Check out our Photoshop Studio at [w] www.computerarts.co.uk 
for extensive coverage and tutorials. 


advice for any Photoshop professional. The site also 
culminates all the best industry news from the world’s 
best creative Websites. 


Illustrator Resources 


[w] www.illustrator-resources.com 

Illustrator Resources is one of those immensely 
useful sites that you should add to your bookmarks 
immediately. You'll find over 200 links to other 
Photoshop sites containing tutorials, tips, plug-ins, 
brushes, actions and much more. There are also 
links to general graphics sites where you can 
download vector and bitmap clip-art, fonts 

and utilities. 


Photoshop Central 


[w] www.photoshopcentral.com 

With tips from such Photoshop masters as Bert 
Monroy, Photoshop Central is a great place for any 
level of Photoshop user. With reviews, news, and a 
great user forum, this site offers a good range of 
Photoshop information, while being extremely 
navigable and fathomable. 


Photoshop Cafe 


[w] www. photoshop-cafe.com 

The Photoshop Cafe offers a place where digital artists 
can go and chill out, take it easy and relax over a 
plethora of tutorials, a magnitude of free downloads 
and a heavily-littered forum. One of the most enjoyable 
Photoshop resources there is. 


ecw pe aay 
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The new Planet Photoshop is bursting with tips, news, tutorials 
and Photoshop discussions for beginners and experts. 


Planet Photoshop 


[w] www.planetphotoshop.com 

The cheesily-named Planet Photoshop now looks 
classier and more feature-abundant than ever. With 
news from the recent NAPP show, a feast of tutorials 
and reviews and a variety of downloads, this is one site 
that should be immediately added to any Photoshop 
user’s bookmarks. 


The Magic Pixel 


[w] www. magicpixel.com.au 

Yet another site containing some great tutorials, tips 
and general advice. Although not updated as often as it 
should be, this resource is nevertheless full of ageless 
titbits that will be valuable to any Photoshop-per. 


Plug-ins and Actions 
Action XChange 


[w] www.actionxchange.com 

Still going strong, the Action XChange is the ideal 
place to visit if you have a thing for Photoshop actions. 
Simply sign up and start downloading any of the 3059 
actions available. If automation is your thing, you'd be a 
fool not to visit here. 


Alien Skin Software 


[w] www.alienskin.com 

The recently redesigned Alien Skin Website invites 
you to take a peek at Eye Candy 4000, the company’s 
latest Photoshop plug-in release. Download the demo, 
buy it, or if you’re feeling extra frivolous, check out the 
T-Shirts and Hats section of the site. You could also try 
visiting the Alien Skin forum for discussion on the 
latest Eye Candy techniques and news. 


Andromeda 


[w] www.andromeda.com 

Buy, try out and get information on Andromeda’s vast 
range of plug-ins and textures. There’s some great stuff 
here, including a feature in which you can upload an 
image and apply a filter online, such as Blur, 
Reflections, Rainbows, Sketches, Watercolour and 
many more. Perhaps not that useful in practical terms, 
but still great fun. While you're here, make a point of 
checking out Perspective - the just released plug-in. 
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A good range of tips and healthy news section are the best bits 
of designdojo. You can also air your views in the chat room. 


Everything you need to know about Flaming Pear's most recent 
plug-ins, as well as a gallery and FAQ section... 


Auto FX 


[w] www.autofx.com 

Check out Auto FX’s home page for information on 
all of its plug-ins including the tool for adding 
special effects edges to your images, Photo/Graphics 
Edges. You'll find all the usual stuff here, including 
demos and the ability to purchase plug-ins 

online. You'll also find a variety of special offers, 
including the chance to get your hands on the entire 
product range for just $299. Possibly the largest 
range of Photoshop plug-ins from one company 
that we've seen. 


BoxTop Software 


[w] www.boxtopsoft.com 

Pound GIFs down to size, compress PICTs, PNGs and 
BMPs, extend your Web colour palette and save your 
JPEGs for the Web with confidence — all possible 
with BoxTop Software's versatile and, more 
importantly, extremely useful range of plug-ins. 
Download demos, buy online, read the FAQs and 
much more. All plug-ins are dual platform and 

all have their specific uses, so head on over there 
right now. 


Extensis 


[w] www.extensis.com 

Perhaps seen by many as the master of the 
Photoshop plug-in, Extensis’ site is as thorough as 
its products. Take a look at the superb masking 
plug-in, Mask Pro, or perhaps you'd like to try out 
the wonderful button producer that is Phototools 3 
Extensis is now offering online demos of some of its 
products - certainly worth checking out. 


~ on secure sales from te 
“i 


Sapra™ 


; Xo-Srushes: 
- 400 brushes in each volume, super colourful, infinitely 
fopendeble set of creative brushes 


a Mi 200 - New illustrator Plugins series release - Soptire 
ol 4 . for the most amazing interactive llustrator plugin 
etects - 10 a additions to the lustrator toolbox. 


124 th April 2001 - New gradients series release - Sapp 


Check out the free Sapphire Innovations filters on the cover CD, 


and you'll find more filters and custom shapes at the Website. 


Load up a selection of Harald Heim’s excellent freeware filters 
at [w] www.thepluginsite.com. 


Flaming Pear 

[w] www.flamingpear.com 

The excellent Flaming Pear Essentials is just one of the 
products on show at the company’s Website. Find out 
everything you'll need to know about BladePro, 
SuperBladePro and Flexify - Flaming Pear’s latest (and 
perhaps craziest) Photoshop plug-in. You'll also find a 
gallery, FAQ section and the opportunity to purchase 
plug-ins. 


Sapphire Innovations 


[w] www.sapphire-innovations 

The guys at Sapphire never seem to stop. From 

filters to custom shapes for Photoshop 6, you'll find 

the lot here at a wonderful price. The company’s 
products may be cheap, but the quality of workmanship 
is second to none. Load up your cover CD and 

install the Sapphire filters now. Turn to page 7 to 

find out more. 


The Plugin Site 


[w] www.thepluginsite.com 

Home of Harald Heim, certainly one of the 
hardest-working men in plug-in-dom. Download 

a selection of his excellent freeware filters or 

simply browse around - there’s bound to be something 
to interest every Photoshop user here. Make a point 

of taking a peek at Plugin Galaxy - one of the sites 
best offerings. 


Vertigo 


[w] www.vertigo3d.com 

Sporting a fine range of Photoshop plug-ins, Vertigo's 
Website is an excellent showcases for its products. 
Check out HotTEXTand Dizzy - Vertigo’'s tools for 
adding a three dimensional touch to your creations. 
They're both extremely intuitive and to use and 
excellent value for money. 


Xaos Tools 


[w] www.xaostools.com 

At Xaos Tools’ home page, check out information 
on the company’s range of plug-ins including 
Segmation for converting photos into contours 
and patterns instantly, Terrazzo - a seamless tile 
generator filter and TypeCaster-a3D Type 
plug-in. You've got the option to buy online, learn 
about the company, read about users of the filters 
and try out various demos - all within a clean, 
easy-to-navigate site. FEI 
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Tried and tested 


Photoshop 6 for Windows and Macintosh: Visual QuickStart Guide 


| Price 
£16.99 ( 


Elaine Weinmann & 
Peter Lourekas 


Publisher 


his is one of the most 
comprehensive Photoshop 
manuals that money can buy. 
It is also one of the longest 
running titles in the Visual QuickStart 
series and it shows. The authors have 
honed their skills over time, making this 
latest edition the creme de la creme of 


Peach pit Press Photoshop technique. 
Each tool, palette and feature comes 
[ ISBN | under discussion via the unique 
enveriraniorerecerens QuickStart design. Screenshots and 
0201713098 


icons are supported with concise text 
and tutorials with clearly numbered 
steps illustrating how to accomplish a 
particular task. Whenever version 6 is 
referred to, the manual uses an icon so 
that you can instantly see where the 
new material is located. All the new 
tools, icons and menus are explained 


first, then later chapters take an 
in-depth look at each new feature. 

ImageReady has now become an 
indispensable tool for all PS users. This 
manual doesn't ignore the fact and 
takes onboard the latest features, 
beginning with how to convert an image 
to indexed colour and concluding with 
how to handle Layer effects. It’s all here 
in easy-to-follow tutorials. 

This series of books works ona 
number of levels. Beginners can read it 
sequentially and learn Photoshop and 
ImageReady techniques. Intermediate 
users can dip into it whenever they 
need some help, and advanced users 
can read the new material and keep this 
book handy as a reference tool. Simply 
one of the most indispensable 
Photoshop manuals on the market. 


Q 


PoTosHop 


Verdict 


USUSESUStS 


It's dark outside! 


Photoshop 6 Digital Darkroom 


| Price eS 
— —_ — ivided into four sections, 
£36.99 i D the manual begins by 
ey ; taking a close look at the 
| Author digital camera itself. Chapter 
Lisa Lee two then moves seamlessly onto 
Photoshop and how to import your 
Publisher images ready for manipulation, and 
“Prima Publishing exp lains how to take advantage of this 
premier software package by setting it 
[ISB i. 2.6 "= 7 1] up correctly. 
oe Part two reveals each of the key 
0761531637 features of Photoshop and shows how 


these fundamental skills can be used to 
manipulate images. Part three looks at 
manipulating layers and masks, and 
using images for animation. The 
concluding section is the ubiquitous 
chapter on the Web with advice on how 
to optimise your images before placing 
them online. This is one of the few 
manuals that offers solid advice to 
photographers who have taken their 
first step away from emulsion film and 
walked into the digital darkroom. Let 
this manual be your guide. 


Verdict 


SI 


Feel the power 


Photoshop 6 Power Shortcuts 


Price 
£17.99 


Author 
Michael Ninness 


Publisher 
Que 


[ISBN 


078972426X 


overing all the current 
incarnations of Photoshop as 
well as ImageReady 2.0 and 
3.0, this compact manual is 
nothing if not comprehensive. 
Presented spirally-bound and in A5 
format, it includes every time-saving 
shortcut you could possibly imagine. 

This is certainly a no-frills manual, 
but offers substantial advice on 
becoming a better Photoshop user. 
Over 600 keyboard shortcuts are 
mentioned, many of which don't appear 
in the official documentation. 

The key to this manual is the 
excellent index that enables you to 
jump straight to the page containing the 
relevant keyboard shortcut. However, 
the author has placed his 15 most 
memorable shortcuts right at the front 
to save time. Russell Brown, Senior 
Creative Director of Adobe Systems 
stated: “I know | won't double-click 
Adobe Photoshop again without this 
book.” You won't want to either. > 


Verdict 
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Photoshop 6 Effects Magic 


Take the next step in Photoshop design 


Rhoda Grossman, Sherry 
London, Michel Bohbot, 
Aren Howell, Felix Nelson 
(contributor), Kelly 
Loomis (contributor) 


~ New Riders Publishing ; 


l ra bbe ire 2 : | 
073571035X 


nly for the advanced 
Photoshop user, this addition 
to the Magic series draws 
together some of the world’s 
best exponents of the Photoshop art 
and allows them to talk directly to 
their audience. 

Each of the tutorials showcases a 
powerful tool that is available to all 
Photoshop 6users, beginning with how 
to perfect your airbrush technique. The 
following tutorials cover a wide range of 
effects, touching on all of the key tools 
within the Photoshop 6 toolbox. 

You will see how the History brush 
can be used to best effect and how 
filters, gradients and colourisation can 
be implemented in your own designs. 
The authors also discuss how Layering 
masks, lighting effects, type and 
retouching can all be bought into play, 
using carefully chosen designs to 


illustrate the technique or tool 
under discussion. 

Twenty-three tutorials are included 
in this landscape format book. Each is 
presented in full-colour, with high-res 
screenshots and numbered 
paragraphs. A high level of Photoshop 
competence is assumed - there is no 
time here to teach the basics. 

Overall, this manual offers the 
intermediate user a glimpse of 
what they can do with Photoshop 
with just a little practice. Veterans may 
also learn a thing or two. If you are 
looking to take that next step in your 
Photoshop design and need inspiration, 
look no further. 

As illustrator Diane Fenster 
(www.dianefenster.com) points out: “If 
you use Photoshop and have your 
mouse or stylus in one hand, your other 
hand should have this book in it.” 


Verdict 


USUSESESES 


Academic approach 


Inside Adobe Photoshop 6 


Mara Zebest Nathanson, 
Gary Kubicek 


{ Publisher 


New Riders 
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overing the latest features of 
Photoshop and ImageReady 
such as the new Colour 
Engine and Type tool, this is 
the perfect manual if you appreciate a 
more academic approach to teaching, 
but one that still has time to be 
entertaining as well as informative. This 
quality of information is hard to come 
by in any user manual. 

Part one introduces the basics, then 
part two considers layers and how to 
manipulate shapes. Part three deals 
with image enhancement and part four 
introduces /mageReady and the Web. 

Comprehensive and well laid-out, 
this is the perfect manual for beginners 
and intermediate users. The tutorials 
will give you a sound knowledge of 
Photoshop. With an accompanying CD 
that contains a glossary as well as 
140MB of fonts, clip-art and textures, 
this is an excellent resource. 


Verdict 


SIS 


Do-it-yourself 


Sams Teach Yourself Photoshop 6 in 24 Hours 


Price 


f you’re a newcomer to 


£17.99 Photoshop, this is an ideal 
introduction to the program. 
[| The whole book is divided 
Carla Rose into short, easily digestible tutorials 
that take about an hour to complete. 
Publisher Being able to work at your own pace is 
a great advantage. 
Sams Each session is illustrated with 
ISBN appropriate screenshots which are all 
TL ORR Saas in black and white. The use of some 
0672319551 colour would have been a welcome 


addition. Screenshots are adequate but 
at a low resolution. Once the chapter's 
feature or technique has been covered, 
you are offered a Q&A session and an 
exercise or two. 

The structure of the chapters is well 
thought-out, with info presented at a 
pace which is easy to absorb. Read 
sequentially, any beginner will finish 
the book with a sound understanding of 
each of Photoshop's key techniques. 


Verdict 


DIKE 


An all-round view 


Inside the Photoshop 6 Studio 


Plain English 


Complete Idiot's Guide to Adobe Photoshop 6 


ae | 


Robert Stanley 


[Publisher | 


Se 


Que 


[isBN 


0789724243 


| 


f you like your manuals 
informative as well as 
entertaining, then this is the 

[i book for you. The latest in 
the Complete Idiot's series, this 
book follows the familiar format of 
short instructional paragraphs 
supported with hints and tips in an 
easy-to-follow layout. 

Aimed at the beginner, the book 
begins with a handy full-out keyboard 
shortcuts reference card as wellas a 
quick reference to Photoshop's key 
icons. Over six chapters the author 
introduces each concept of the 
Photoshop environment with plain 
English explanations and humour. 

The addition of a short colour 
section gives this manual more 
versatility than its closest rivals. If you 
like the /diot’s way of teaching, you'll be 
a Photoshop expert in no time. 


Verdict 


SIS 


In full colour 


How to Use Adobe Photoshop 6 Visually 


| Price 


26.99 


| Author 


Daniel Giordan 


| Publisher 


Sams 


ISBN 


0672319543 


t first glance you may feel 
that this manual has been 
: i fi dumbed down too much to 

el be useful to anyone. But take 
a closer look. If you’ve never opened 
Photoshop before, this tutorial is the 
perfect place to begin. 

Presented in full-colour throughout, 
each screenshot is supported with 
clear and concise explanations of the 
technique under discussion, with 
numbered steps to lead you through 
each tutorial. Icons on each page 
pinpoint the exact area of the dialog 
box or screen you need to be looking 
at. Part six that covers how to work with 
colour is an excellent example — after 
completing this chapter you’ll have a 
thorough grasp of how to modify and 
correct colour within your images. 
There’s more to this manual than meets 
the eye. Take a closer look. 


Verdict 


SIE 


| Price ust learning Photoshop 
£36.99 f techniques can leave your 
knowledge seriously limited. 
Author This book aims not only to 
— aes teach technique, but also to show the 
Eileen Mullin beginner how Photoshop is just one 
- ’ element of the design studio. 
[Pu blisher The manual begins by taking a close 
Prima Tech look at hardware such as printers and 
scanners, and then swiftly moves onto 
| ISBN discussing file formats, colour depth, 
0761528849 image compression and colour spaces 


before the tutorials begin in earnest. 

If you are new to computer graphics, 
the material at the beginning of this 
book makes it essential reading. 
Without this foundation, you'll be doing 
little more than learning how a 
technique works without understanding 
how this relates to computer images as 
a whole. These few short chapters make 
this manual stand out from the crowd. 


Verdict 


SKIES 


Comprehensive 


Mastering Photoshop 6 
ike Inside Photoshop, this is 
£36.99 an academic approach to 


learning. This manual doesn't 
| attempt to dumb down its 
explanations, but uses real-world 
scenarios to illustrate the main points. 
The manual begins with a brief intro 
to version 6 - essential reading if you 


Steve Romaniello 


Publisher 


Sybex Inc haven't used Adobe products before. 
Later chapters cover colour adjustment 

ISBN and photo-retouching. Layers, filters 
0782128416 and how to automate tasks are covered 


in part three with part four discussing 
the finer points of Photoshop for Web 
designers. Overall, this book is 
comprehensive, yet concise. Chapters 
are self-contained, but lack any formal 
structure such as Q&A sections. Also, 
the screenshots are blurred in some 
places and lack a high enough 
resolution. An adequate addition to the 
series but not an outstanding one. EEE 


Verdict 
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Photoshop6o 


‘The world-standard image-editing solution 
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tf Adobe’ started shipping Photoshop’ 6.0 in October... 
how did NAPP members leam to use 6.05 
new features three weeks before it shipped? 


guorast u\\} set Nearly a month before the general public started 
getting their copies of the most expansive Photoshop 
update in years, members of the National Association 
of Photoshop Professionals (NAPP) already knew 
what the new features were. And better yet, they 


already knew how to use them. 


How's this possible? Well, it’s because NAPP with 
Adobe's help, created a special all-Photoshop 6.0 
issue of their highly acclaimed “how-to” magazine 
Photoshop User.The day Adobe announced Photoshop 6.0, it was already on its way 
to NAPP members, over a month before 6.0 actually shipped. In this special 6.0 issue, 
NAPP members learned all the new features, including Layer Styles, the new Web 
tools, the new type features, vector shapes, and tons more. And on top of that, the 
minute Adobe made their announcement, every member had access to QuickTime 
videos, feature articles, and discussion forums all on 6.0 from the members-only Web 
site. That's an example of how the NAPP keeps its members on the cutting edge. 


The NAPP.is an educational organization just for people who use Adobe Photoshop. 
And joining this ever-expanding global community can change the way you use 
Photoshop forever. Membership is open to anyone using Photoshop and is essential 
for graphic designers, ad agencies, photographers, Web designers, educators, print 
shops, publications, or anyone who realizes that there's more to learn about 
Photoshop than there is time to learn. 


Join today, and we'll include that special all-Photoshop 6.0 issue in your new member 
kit, Plus, as a member, you'll also enjoy a host of member benefits, including: 
+ Afree subscription to Photoshop User, the highly acdaimed 
Adobe Photoshop “how-to” magazine 


+ Big discounts on software, hardware, upgrades, peripherals 
seminars, videos, Web hosting, graphics magazine subscriptions, 
and even car rentals, hotel discounts, and more! 


+ Access to the private members-only Web site—the #1 Photoshop 
resource on the entire Web 


+ Expert Photoshop tech support and real-world advice 
just for members 
+ Invitation to PhotoshopWorld, the NAPP’s annual convention 
and the largest Photoshop event anywhere in the world 
Plus there's so much more. We invite you to join the thousands of people in 64 
different countries who have made the NAPP the most complete resource for 
Photoshop training, education, and news in the world. 


The National Association 
of Photoshop Professionals 
The Photoshop” Authority 

A one-year membership is only £87 (°129 US) 


Join today by calling 001-727-738-2728 
or enroll online at www.photoshopuser.com 


Corporate and International memberships available. Photoshop and Adobe are registered trademarks of Adobe Systems, Inc. 


